Video-Tutorial: Lottie-Animationen zu Figma-Bannerexporten hinzufügen

Dieses Video zeigt, wie du deinen Bannern mit dem Bannerify-Plugin Lottie-Animationen hinzufügst.

Eine Lottie-Animation findest du, indem du die Auswahl an Animationen auf LottieFiles.com durchsuchst. Wenn du mit dem After-Effects-Plugin eine eigene erstellt hast, kannst du deine .json-Datei als private Animation auf die LottieFiles-Website hochladen und dann den URL-Link zu deiner Animation genauso kopieren, um sie in Bannerify zu verwenden.

Standardmäßig läuft deine Lottie-Animation automatisch in Schleife. Bei Bedarf änderst du das, indem du den Schalter Loop Embed deaktivierst.

Um eine Lottie-Animation von deiner Ebene zu entfernen, klick erneut auf den Icon-Button Settings und entferne die URL aus dem Eingabefeld für die Lottie-Einbettung.

Lottie-Datei-URLs auf mehrere Ebenen anwenden Wie andere Ebeneneinstellungen kannst du auch die URL deiner Lottie-Datei gleichzeitig auf mehrere Ebenen anwenden.

Komplexe visuelle Effekte und Masken in Video- und GIF-Exporten. Wenn du Banner mit Lottie-Dateien aus Bannerify als Video oder GIF exportierst, werden bestimmte Spezialeffekte, Masken oder Stile mancher Lottie-Dateien nicht so unterstützt wie in den HTML-Exporten.

Manche Werbeplattformen blockieren Lottie-Animationen. Wenn du Banner mit Lottie-Dateien als HTML für Werbeplattformen wie Google Ads exportierst, lassen dich manche dieser Plattformen deine Banner nicht hochladen, weil sie keine JavaScript-Bibliotheken von Drittanbietern (wie Lottie) erlauben.