Vídeo tutorial: anime e exporte banners para HTML a partir do Figma
Este vídeo mostra como animar e exportar, em segundos, banners HTML prontos para veicular a partir do Figma.
Gere o JSON da sua animação em bannerify.hypermatic.com
- Abra https://bannerify.hypermatic.com.
- Na seção Create Your Custom Bannerify Animation, descreva a animação que você quer (por exemplo: “Entrada deslizando da esquerda com efeito elástico e uma leve rotação”).
- Clique em Copy Prompt to Clipboard e cole o prompt no ChatGPT ou no Claude, ou clique em Open Prompt in ChatGPT / Open Prompt in Claude.
- Em seguida, copie o trecho de JSON da animação gerada.
- Abra seu arquivo do Figma e execute o plugin Bannerify.
- Abra o painel Custom Animations no Bannerify.
- Cole o JSON na área de texto Paste generated JSON code here.
- Confirme que a animação aparece nos menus suspensos de predefinições de animação da linha do tempo.
A animação é salva automaticamente quando você cola o JSON e pode ser selecionada como qualquer outra predefinição nos menus de animação das camadas na linha do tempo.
As animações personalizadas ficam salvas no arquivo do Figma atual. Se você mudar para outro arquivo do Figma, vai precisar colar o JSON lá de novo.