---
url: "/fr/bannerify/animation/ai-prompt-animations.md"
description: "Générez des animations JSON prêtes pour Bannerify, puis collez-les dans le panneau des animations personnalisées de Bannerify dans Figma."
---

# Créer des animations JSON avec un prompt IA

> Générez des animations JSON prêtes pour Bannerify, puis collez-les dans le panneau des animations personnalisées de Bannerify dans Figma.

### Tutoriel vidéo : animer et exporter des bannières en HTML depuis Figma

Cette vidéo montre comment animer et exporter en quelques secondes des bannières HTML prêtes pour la production depuis Figma.
[Embedded media](https://www.youtube-nocookie.com/embed/WDYRd9cSJcs)

## Générer le JSON de votre animation sur bannerify.hypermatic.com {#generate-your-animation-json-on-bannerify-hypermatic-com}

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

1. Ouvrez [https://bannerify.hypermatic.com](https://bannerify.hypermatic.com).
2. Dans la section **Create Your Custom Bannerify Animation**, décrivez l’animation souhaitée (par exemple : « Elastic slide in from left with slight rotation »).
3. Cliquez sur **Copy Prompt to Clipboard** et collez le prompt dans ChatGPT ou Claude, ou cliquez sur **Open Prompt in ChatGPT** / **Open Prompt in Claude**.
4. Copiez ensuite l’extrait JSON d’animation généré.
5. Ouvrez votre fichier Figma et lancez le plugin Bannerify.
6. Ouvrez le panneau **Custom Animations** dans Bannerify.
7. Collez le JSON dans la zone de texte intitulée **Paste generated JSON code here**.
8. Vérifiez que l’animation apparaît dans les menus déroulants des préréglages d’animation de votre timeline.

L’animation est enregistrée automatiquement dès que vous la collez, et vous pouvez la sélectionner comme n’importe quel autre préréglage dans les menus d’animation de la timeline des calques.

> **Warning:** Les animations personnalisées sont enregistrées dans votre fichier Figma actuel. Si vous passez à un autre fichier Figma, vous devrez y coller de nouveau le JSON.