Video-Tutorial: Bilder mit eigenen Ordnerpfaden aus Figma exportieren
Dieses Video zeigt, wie du mit dem Plugin TinyImage Bilder mit eigenen Ordnerpfaden aus Figma exportierst.
Öffne den Arbeitsbereich Compress, wähle Settings direkt vor Export und dann den Tab Naming im Bereich Export Settings.
Das Feld Filename Format ist optional. Lässt du es leer, gilt standardmäßig #{name}#{suffix}.
Verfügbare Variablen für deine Dateinamen
Du kannst alle unten stehenden Variablen in deinem eigenen Muster für Unterordner und Dateinamen beliebig kombinieren, auch mit normalem Text und Zeichen (zum Beispiel Unterstrichen, Buchstaben oder Zahlen).
- #{name} Der Name der Figma-Ebene (zum Beispiel „My Figma Layer Name“)
- #{scale} Die Skalierung aus der Exporteinstellung (zum Beispiel „2x“)
- #{width} Die Breite des Bildes (zum Beispiel „1024“)
- #{height} Die Höhe der Ebene (zum Beispiel „768“)
- #{suffix} Das Suffix aus der Exporteinstellung (zum Beispiel „_example“)
- #{date} Zeitstempel zum Zeitpunkt des Exports (zum Beispiel „28-Sep-2020“)
- #{section} Der Name der übergeordneten Figma-Section, falls vorhanden (zum Beispiel „Section 1“)
- #{frame} Der Name des übergeordneten Figma-Frames, falls vorhanden (zum Beispiel „Frame 1“)
Unterordner erstellen. Um einen Unterordner zu erstellen, fügst du an beliebiger Stelle in deinem Dateinamenformat ein „/“ ein. Zum Beispiel erzeugt #{date}/#{width}x#{height}/#{name} eine dynamische Ordnerstruktur wie 28-Sep-2020/1024x768/my_figma_layer_name.jpg (dabei werden die Variablen durch die tatsächlichen Werte des jeweiligen exportierten Bildes ersetzt).