Exportar os banners para vídeos WebM

Depois de terminar de animar as camadas na linha do tempo, você pode exportar os banners para vídeos WebM.

Vídeo tutorial: Exportar banners do Figma para vídeos WebM

Este vídeo mostra como exportar banners animados prontos para produção do Figma para vídeos WebM usando o plugin Bannerify.

Depois de clicar em Export to GIF/Video e definir as configurações de exportação, clique no botão Export WebM (n Banners), na parte inferior do painel de exportação, para começar a exportar os banners do Figma para WebM. Os banners animados serão exportados como vídeos WebM.

Compatibilidade com navegadores. Por problemas de compatibilidade entre navegadores, os vídeos WebM só podem ser exportados no Chrome ou no app para desktop do Figma.

Os WebMs são otimizados automaticamente. As exportações de vídeo WebM são otimizadas automaticamente para ter a melhor qualidade com o menor tamanho de arquivo.

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 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 vídeos WebM ​

Quando o Bannerify terminar de processar os banners, uma mensagem de confirmação será exibida. 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 vídeos WebM ​

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

Configurar a taxa de quadros (FPS) da exportação de vídeo ​

Você pode alterar a taxa de quadros das exportações de vídeo nas opções da caixa de seleção Frames Per Second. Escolha uma das opções de FPS abaixo:

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