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.

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

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

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.