---
url: "/de/bannerify/animation/live-preview.md"
description: "Sieh dir deine eigene Animation in Echtzeit an, während du Keyframes und Eigenschaften anpasst."
---

# Die Live-Vorschau nutzen

> Sieh dir deine eigene Animation in Echtzeit an, während du Keyframes und Eigenschaften anpasst.

### Video-Tutorial: Eigene Animationen zu deinen Banner-Designs in Figma hinzufügen

Dieses Video zeigt, wie du mit dem Bannerify-Plugin eigene Keyframe-Animationen zu deinen Bannern hinzufügst.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

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

Wie deine Animation mit den aktualisierten Keyframes und Eigenschaften aussieht, siehst du im Bereich **Live preview** neben deinen Keyframe-Eigenschaften. Alle Änderungen an Keyframes, Eigenschaften oder Easing erscheinen automatisch in der Live-Vorschau.

> **Tip:** **Du kannst die Wiedergabegeschwindigkeit der Live-Vorschau anpassen.** Wenn du sehen willst, wie deine eigene Animation bei unterschiedlichen Geschwindigkeiten aussieht, zieh den Schieberegler **Duration** unter der Vorschau. Damit legst du fest, wie viele Sekunden ein Durchlauf der Vorschau dauert.