Video-Tutorial: Banner aus Figma als WebM-Videos exportieren
Dieses Video zeigt, wie du mit dem Plugin Bannerify produktionsreife animierte Banner aus Figma als WebM-Videos exportierst.
Nachdem du auf Export to GIF/Video geklickt und deine Exporteinstellungen festgelegt hast, klickst du unten im Export-Panel auf Export WebM (n Banners), um den Export deiner Banner aus Figma als WebM zu starten. Deine animierten Banner werden dabei als WebM-Videos exportiert.
Browser-Unterstützung. Wegen Kompatibilitätsproblemen der Browser lassen sich WebM-Videos nur mit Chrome oder der Figma-Desktop-App exportieren.
WebMs werden automatisch optimiert. WebM-Videoexporte werden automatisch so optimiert, dass du die beste Qualität bei möglichst kleiner Dateigröße erhältst.
Banner in den Export aufnehmen oder davon ausschließen. Standardmäßig werden alle Ebenen der obersten Ebene in deiner Figma-Datei, die als Banner in Bannerify geladen sind, in den Export aufgenommen. Wenn du Banner vom Export ausschließen willst (ohne die ausgewählten Banner neu zu laden), stellst du den Schalter Include In Export im Zeitleisten-Header des jeweiligen Banners auf „aus“. Dadurch wird die Zeitleiste dieses Banners ausgeblendet und das Banner von allen Exporten ausgeschlossen.
Bildrate (Frames Per Second)
Mit den Optionen im Auswahlfeld Frames Per Second kannst du die Bildrate deiner GIF-Exporte ändern. Du kannst aus diesen FPS-Optionen wählen:
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
Höhere FPS brauchen länger zum Rendern. Mehr Frames verlängern den Export und erzeugen größere Dateien. Ein Export einer Zeitleiste von 5 Sekunden mit 24 FPS rendert zum Beispiel 120 Frames pro Banner.
Die fertige WebM-Video-.zip herunterladen
Sobald Bannerify deine Banner verarbeitet hat, erscheint eine Bestätigung. Über den Button Download your .zip file lädst du die .zip-Datei mit deinen exportierten Bannern herunter.
Downloads aus Figma speichern Wenn du die Desktop-App von Figma nutzt, erscheint eine Aufforderung zum Herunterladen deiner Datei. Wenn du Figma dagegen im Webbrowser nutzt, wird deine Datei standardmäßig automatisch auf deinen Computer heruntergeladen (meist in den Ordner Downloads).
Die WebM-Video-.zip öffnen
Nachdem du die .zip-Datei aus Figma auf deinen Computer heruntergeladen hast, öffnest du im Datei-Explorer den Ordner, in dem sie gespeichert wurde. Mit einem Doppelklick auf die exportierte .zip-Datei entpackst du den Inhalt und kannst deine Banner nach Belieben verwenden.
Bildrate (FPS) für Videoexporte einstellen
Die Bildrate deiner Videoexporte änderst du über die Auswahlbox Frames Per Second. Diese FPS-Optionen stehen zur Auswahl:
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)