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.

TinyImage bietet mehrere Sortieroptionen für die Reihenfolge der GIF-Frames.

Frames in eigener Reihenfolge sortieren

Zieh ein beliebiges Vorschaubild nach links oder rechts, um eine manuelle Reihenfolge festzulegen.

Deine eigene Reihenfolge wird gespeichert und lässt sich mit Sort frames by Custom Order wiederherstellen.

Frames nach Figma-Ebenenreihenfolge sortieren

Mit Sort frames by Figma Layer Order übernimmst du die Reihenfolge deiner Figma-Ebenenliste.

Frames visuell nach Spalten sortieren

Mit Sort frames visually by Columns sortierst du nach der visuellen Position, zuerst nach Spalten.

Frames visuell nach Zeilen sortieren

Mit Sort frames visually by Rows sortierst du nach der visuellen Position, zuerst nach Zeilen.

TinyImage fasst leicht versetzte Frames in derselben visuellen Zeile oder Spalte zusammen und verwendet ihre absolute Position auf dem Canvas, auch bei Frames in unterschiedlichen Figma-Sections.

Frames nach Figma-Ebenennamen sortieren

Mit Sort frames by Figma Layer Name sortierst du natürlich nach Ebenennamen, sodass nummerierte Namen wie Frame 2 vor Frame 10 erscheinen.