---
url: "/ko/tinyimage/gif-ordering.md"
description: "사용자 지정 정렬, Figma 레이어 순서, 행/열 기준 시각적 정렬, 레이어 이름으로 GIF 프레임 순서를 정하세요."
---

# GIF 프레임 순서 지정

> 사용자 지정 정렬, Figma 레이어 순서, 행/열 기준 시각적 정렬, 레이어 이름으로 GIF 프레임 순서를 정하세요.

### 영상 튜토리얼: 애니메이션 GIF 만들기

이 영상에서는 TinyImage 플러그인으로 직접 만든 디자인을 Figma에서 바로 애니메이션 GIF로 만들고 내보내는 방법을 안내해요.
[Embedded media](https://www.youtube-nocookie.com/embed/FYlk5a69Ewc)
### 영상 튜토리얼: Figma에서 애니메이션 GIF 내보내기에 전환 효과 추가

이 영상에서는 TinyImage 플러그인으로 Figma에서 내보내는 애니메이션 GIF에 페이드, 슬라이드, 와이프 전환 효과를 추가하는 방법을 안내해요.
[Embedded media](https://www.youtube-nocookie.com/embed/GwfVWRAS1qk)

[Video](/assets/videos/tinyimage/compress/gif-ordering.mp4)

TinyImage에는 GIF 프레임 순서를 정하는 여러 정렬 옵션이 있어요.

## 사용자 지정 순서로 프레임 정렬 {#sort-frames-by-custom-order}

썸네일을 왼쪽이나 오른쪽으로 드래그 앤 드롭해 프레임 순서를 직접 정하세요.

> **Note:** 사용자 지정 순서는 저장되며, **Sort frames by Custom Order**를 선택하면 복원할 수 있어요.

## Figma 레이어 순서로 프레임 정렬 {#sort-frames-by-figma-layer-order}

Figma 레이어 목록의 순서와 맞추려면 **Sort frames by Figma Layer Order**를 사용하세요.

## 열 기준으로 프레임을 시각적으로 정렬 {#sort-frames-visually-by-columns}

열을 먼저 기준으로 화면상의 위치에 따라 정렬하려면 **Sort frames visually by Columns**를 사용하세요.

## 행 기준으로 프레임을 시각적으로 정렬 {#sort-frames-visually-by-rows}

행을 먼저 기준으로 화면상의 위치에 따라 정렬하려면 **Sort frames visually by Rows**를 사용하세요.

TinyImage는 조금 어긋나 있는 프레임도 같은 행이나 열로 묶고, 서로 다른 Figma Section 안의 프레임을 포함해 캔버스상의 절대 위치를 사용해요.

## Figma 레이어 이름으로 프레임 정렬 {#sort-frames-by-figma-layer-name}

레이어 이름을 자연스러운 순서로 정렬하려면 **Sort frames by Figma Layer Name**을 사용하세요. `Frame 2` 같은 번호가 붙은 이름이 `Frame 10`보다 먼저 표시돼요.