Exportar banners como imagens PNG animadas

Depois de animar as camadas na linha do tempo, você pode exportar seus banners como arquivos PNG animados (APNG).

Vídeo tutorial: exporte banners do Figma como imagens PNG animadas (APNG)

Este vídeo mostra como exportar banners animados prontos para produção do Figma como imagens PNG animadas (APNG) usando o plugin Bannerify.

Depois de clicar em Export to GIF/Video e configurar a exportação, clique no botão Export APNG (n Banners) na parte de baixo do painel de exportação para começar a exportar seus banners do Figma como imagens PNG animadas. Seus banners animados serão exportados como arquivos de imagem PNG animado.

Compatibilidade com navegadores. Por questões de compatibilidade dos navegadores, as imagens Animated PNG só podem ser exportadas pelo Chrome ou pelo app para desktop do Figma.

Incluir ou excluir banners da exportação. Por padrão, todas as camadas de nível superior do seu arquivo do Figma carregadas no Bannerify como banners são incluídas na exportação. Se você quiser excluir algum banner (sem recarregar os banners selecionados), desative a opção Include In Export no cabeçalho da linha do tempo do banner. Isso oculta a linha do tempo desse banner e também o exclui de todas as exportações.

Quadros por segundo ​

Você pode mudar a taxa de quadros das exportações em GIF usando as opções da caixa de seleção Frames Per Second. Escolha entre estas opções de FPS:

  • 60 FPS (Ludicrous Mode)
  • 30 FPS (Ultra Smooth)
  • 24 FPS (Smooth)
  • 18 FPS (Less Smooth)
  • 12 FPS (Least Smooth)
  • 6 FPS (Jittery)

Um FPS mais alto leva mais tempo para renderizar. Mais quadros levam mais tempo para exportar e geram arquivos maiores. Por exemplo, exportar uma linha do tempo de 5 segundos a 24 FPS renderiza 120 quadros por banner.

Baixar o arquivo .zip final com os PNGs ​

Quando o Bannerify terminar de processar seus banners, você verá uma mensagem de confirmação. Para baixar o arquivo .zip com os banners exportados, clique no botão Download your .zip file.

Salvar arquivos baixados do Figma. Se você usa o app desktop do Figma, vai aparecer uma janela para baixar o arquivo. Já se você usa o Figma em um navegador, por padrão o arquivo é baixado automaticamente para o seu computador (normalmente para a pasta Downloads).

Abrir o arquivo .zip com os PNGs ​

Depois de baixar o arquivo .zip do Figma para o seu computador, abra o gerenciador de arquivos na pasta onde ele foi salvo. Clique duas vezes no arquivo .zip exportado para descompactar o conteúdo e usar seus banners como quiser.