Sua camada de GIF precisa estar na linha do tempo principal. Camadas aninhadas que contêm um GIF não são renderizadas nem incluídas nas exportações HTML. GIFs animados incorporados também não são incluídos nas exportações de GIF/vídeo do Bannerify.

Marcar GIFs transparentes. Por padrão, as exportações de GIF não incluem transparência. Se o seu GIF precisa de transparência, adicione a palavra transparent em qualquer parte do nome da camada no Figma.

Usar GIFs animados como camadas de imagem

Você pode arrastar um arquivo .gif para dentro de qualquer banner de nível superior, e ele será adicionado como uma camada de imagem do Figma.

Esse método não permite incluir outro conteúdo por cima do GIF animado. No entanto, os preenchimentos adicionais do Figma nesse frame (por exemplo, sobreposições de cor/degradê) também são incluídos na exportação final do .gif.

Usar GIFs animados como preenchimento de fundo de uma camada de frame

Como alternativa, você também pode arrastar um arquivo .gif do seu computador para o preenchimento de uma camada de frame, o que o define como preenchimento de imagem no fundo do frame. Os preenchimentos adicionais do Figma nesse frame (por exemplo, sobreposições de cor/degradê) também são incluídos na exportação final do .gif.

A vantagem é que você pode adicionar outras camadas do Figma (textos, imagens etc.) dentro do frame, por cima do GIF animado, e elas também são incluídas no .gif exportado com seus banners HTML.