---
url: "/pt/tinyimage/gif-ordering.md"
description: "Controle a ordem dos quadros do GIF com ordem personalizada, ordem das camadas do Figma, linhas/colunas visuais e nomes das camadas."
---

# Ordenar os quadros do GIF

> Controle a ordem dos quadros do GIF com ordem personalizada, ordem das camadas do Figma, linhas/colunas visuais e nomes das camadas.

### Vídeo tutorial: criar GIFs animados

Este vídeo mostra como animar e exportar GIFs dos seus próprios designs direto do Figma com o plugin TinyImage.
[Embedded media](https://www.youtube-nocookie.com/embed/FYlk5a69Ewc)
### Vídeo tutorial: adicionar efeitos de transição às exportações de GIF animado no Figma

Este vídeo mostra como adicionar efeitos de transição de esmaecer, deslizar e revelar às exportações de GIF animado no Figma com o plugin TinyImage.
[Embedded media](https://www.youtube-nocookie.com/embed/GwfVWRAS1qk)

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

O TinyImage tem várias opções para ordenar os quadros do GIF.

## Ordenar os quadros por ordem personalizada {#sort-frames-by-custom-order}

Arraste e solte qualquer miniatura para a esquerda ou para a direita para definir uma ordem manual dos quadros.

> **Note:** Sua ordem personalizada fica salva e pode ser restaurada selecionando **Sort frames by Custom Order**.

## Ordenar os quadros pela ordem das camadas do Figma {#sort-frames-by-figma-layer-order}

Use **Sort frames by Figma Layer Order** para seguir a ordem da sua lista de camadas do Figma.

## Ordenar os quadros visualmente por colunas {#sort-frames-visually-by-columns}

Use **Sort frames visually by Columns** para ordenar pela posição visual, coluna por coluna.

## Ordenar os quadros visualmente por linhas {#sort-frames-visually-by-rows}

Use **Sort frames visually by Rows** para ordenar pela posição visual, linha por linha.

O TinyImage agrupa frames levemente desalinhados na mesma linha ou coluna visual e usa a posição absoluta deles no canvas, inclusive de frames em Sections diferentes do Figma.

## Ordenar os quadros pelo nome das camadas do Figma {#sort-frames-by-figma-layer-name}

Use **Sort frames by Figma Layer Name** para ordenar os nomes das camadas de forma natural, para que nomes numerados como `Frame 2` apareçam antes de `Frame 10`.