Öffne den Bereich GIF und wähle Create a GIF/MP4. Die Exporteinstellungen erscheinen neben den ausgewählten Frames und der Vorschau. Der GIF Editor zeigt die Einstellungen für seine geladene Datei im Editorbereich.
Video-Tutorial: Animierte GIFs erstellen
Dieses Video zeigt, wie du mit dem TinyImage-Plugin GIFs aus deinen eigenen Designs direkt in Figma animierst und exportierst.
Video-Tutorial: Übergangseffekte zu animierten GIF-Exporten in Figma hinzufügen
Dieses Video zeigt, wie du mit dem TinyImage-Plugin Übergangseffekte wie Überblenden, Schieben und Wischen zu animierten GIF-Exporten in Figma hinzufügst.
Maße festlegen
Standardmäßig entsprechen die Maße des GIFs dem ersten Frame. Du kannst width und height manuell überschreiben.
Skalierung festlegen
Mit dem Dropdown scale exportierst du in skalierten Größen (zum Beispiel @2x oder @0.5x).
Einpassung wählen
Wähle zwischen:
- Cover Images
- Contain Images (Standard)
Hintergrundfarbe festlegen
Lege einen einfarbigen Hintergrund mit einem HEX-Farbwert fest.
Wenn deine Ausgangsframes Transparenz enthalten, aktiviere Transparent Background, sobald du ein transparentes GIF brauchst.
Komprimierung und Qualität einstellen
Mit dem Qualitätsregler (1-100) steuerst du die verlustbehaftete Komprimierung.
Aktiviere Lossless, wenn du GIFs ohne Qualitätsverlust komprimieren möchtest.
Auf eine Zieldateigröße optimieren
Aktiviere Size Target und gib die maximale Größe in KB ein, wenn deine Werbeplattform, dein E-Mail-System oder dein Veröffentlichungs-Workflow ein festes Limit für die GIF-Dateigröße hat. TinyImage testet schrittweise stärkere Verluststufen sowie Paletten mit 256, 128, 64 und 32 Farben und verwendet dann das am wenigsten aggressive getestete Ergebnis, das ins Ziel passt.
Ist Size Target aktiviert, ersetzt TinyImage die manuellen Regler für Quality durch das KB-Ziel und blendet Lossless aus, weil es diese Einstellungen automatisch anpasst. Dasselbe Ziel gibt es in Create a GIF/MP4, im GIF Editor und in Figma Motion Export. Es gilt nur für animierte GIF-Ausgaben, nicht für APNG, Animated WebP, MP4 oder WebM.
Manche Animationen erreichen ein sehr kleines Ziel nicht, ohne ihre Maße, Frame-Anzahl oder ihr Timing zu ändern. Erfüllt keine der getesteten Einstellungen das Limit, exportiert TinyImage das kleinste gültige Ergebnis, das es gefunden hat. Prüf die endgültige Dateigröße, bevor du die Datei hochlädst.
Globale Farbpalette einstellen
Aktiviere All frames have the same color palette, um die Palette des ersten Frames für alle Frames zu verwenden.
Nutze diese Option nur, wenn du damit Artefakte oder Farbabstufungen beheben musst. Sie kann Farbprobleme verursachen, wenn spätere Frames Farben enthalten, die im ersten Frame nicht vorkommen.
Bild-Dithering wählen
Wähle im Dropdown Image Dithering einen Dithering-Algorithmus.