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.

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.

O recurso de GIF do TinyImage usa as camadas selecionadas na sua página do Figma e transforma cada camada em um quadro individual da animação.

Selecionar as camadas que serão os quadros

Para começar a criar um GIF:

1. Abra a aba GIF e selecione Create a GIF/MP4.
2. Selecione as camadas da sua página do Figma que serão os quadros da animação.
3. Clique em Use Selected Layers para carregá-las na pré-visualização.

Você pode selecionar as camadas antes de abrir Create a GIF/MP4, e o TinyImage as carrega automaticamente.

Atualizar as camadas selecionadas

Para substituir o conjunto de quadros atual:

1. Selecione um novo conjunto de camadas no Figma.
2. Clique em Refresh, ao lado do rótulo Selected Layers na barra de ferramentas do GIF.

O TinyImage recarrega a pré-visualização com a nova seleção.