---
url: "/pt/bannerify/animation/ai-prompt-animations.md"
description: "Gere animações em JSON prontas para o Bannerify e cole-as no painel de animações personalizadas do Bannerify no Figma."
---

# Criar animações em JSON com prompts de IA

> Gere animações em JSON prontas para o Bannerify e cole-as no painel de animações personalizadas do Bannerify no Figma.

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/WDYRd9cSJcs)

## Gere o JSON da sua animação em bannerify.hypermatic.com {#generate-your-animation-json-on-bannerify-hypermatic-com}

[Video](/assets/videos/bannerify/animation/ai-prompt-animations.mp4)

1. Abra [https://bannerify.hypermatic.com](https://bannerify.hypermatic.com).
2. 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”).
3. 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**.
4. Em seguida, copie o trecho de JSON da animação gerada.
5. Abra seu arquivo do Figma e execute o plugin Bannerify.
6. Abra o painel **Custom Animations** no Bannerify.
7. Cole o JSON na área de texto **Paste generated JSON code here**.
8. 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.

> **Warning:** 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.