---
url: "/de/bannerify/animation/creating-keyframes.md"
description: "Füge Keyframes zur Zeitleiste deiner eigenen Animation hinzu und verwalte sie."
---

# Keyframes für eigene Animationen erstellen

> Füge Keyframes zur Zeitleiste deiner eigenen Animation hinzu und verwalte sie.

### 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/keyframes.mp4)

Wenn du das Animations-Panel öffnest, siehst du 2 Keyframes: den ersten Keyframe (0 %) und den letzten Keyframe (100 %). Sie sind standardmäßig vorhanden und lassen sich nicht entfernen, denn eine Keyframe-Animation braucht mindestens einen Frame, mit dem sie beginnt, und einen Keyframe, der zeigt, wo sie endet.

## Einen Keyframe zum Bearbeiten auswählen {#selecting-a-keyframe-to-edit}

Du wechselst sofort zwischen beliebigen Keyframes, indem du auf der Spur **Keyframes** oben im Panel für eigene Animationen auf einen Keyframe klickst. Mit einem Klick auf einen Keyframe kannst du die Eigenschaften genau dieses Keyframes bearbeiten.

## Neue Keyframes einfügen {#inserting-new-keyframes}

Um zwischen Start- und Endpunkt einen Keyframe hinzuzufügen, gib seinen Prozentwert (zum Beispiel **50**) in das Feld **Add at** ein und wähle dann **Add**.

Jeder neue Keyframe wird automatisch mit denselben Eigenschaften erstellt, die dein aktuell ausgewählter Keyframe hat. So kannst du Eigenschaften ausgehend von bereits hinzugefügten Keyframes anpassen. Nachdem du auf **Add** geklickt hast, ist der neue Keyframe außerdem automatisch ausgewählt.