---
url: "/fr/bannerify/animation/live-preview.md"
description: "Voyez votre animation personnalisée en temps réel pendant que vous ajustez les keyframes et leurs propriétés."
---

# Utiliser l’aperçu en direct

> Voyez votre animation personnalisée en temps réel pendant que vous ajustez les keyframes et leurs propriétés.

### Tutoriel vidéo : ajouter des animations personnalisées à vos bannières Figma

Cette vidéo montre comment ajouter des animations par keyframes personnalisées à vos bannières avec le plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/live-preview-speeds.mp4)

Pour voir le rendu de votre animation selon les keyframes et les propriétés que vous avez modifiées, regardez la zone **Live preview**, à côté des propriétés des keyframes. Toutes les modifications apportées à vos keyframes, à leurs propriétés ou à l’easing s’affichent automatiquement dans l’aperçu en direct.

> **Tip:** **Vous pouvez ajuster la vitesse de lecture de l’aperçu en direct**. Pour voir votre animation personnalisée à différentes vitesses, modifiez la vitesse de lecture de l’aperçu en direct en faisant glisser le curseur **Duration**, sous l’aperçu, afin de changer le nombre de secondes que dure chaque boucle.