Video-Tutorial: Tabelleninhalte aus Google Sheets mit Figma synchronisieren
Dieses Video zeigt, wie du mit dem Plugin CopyDoc Inhalte aus einer Google-Sheets-Tabelle mit deinen Figma-Designs synchronisierst.
Video-Tutorial: Figma-Ebenen aus einer Tabelle automatisch wiederholen und synchronisieren
Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Ebenen aus einer Tabelle automatisch wiederholst und synchronisierst.
Deine Google-Sheets-Inhalte mit Figma-Ebenen synchronisieren
Hast du deine Tabelle als Google Sheet angelegt, kannst du sie mit deinem Figma-Design synchronisieren: Klick im Hauptbildschirm des Plugins CopyDoc auf den Button Sync Content, um das Einstellungs-Panel dieser Funktion zu öffnen.
Den Link zu deinem Google Sheet öffentlich machen und die URL kopieren
CopyDoc braucht die Berechtigung, die Tabelle zu lesen. Wähle in Google Sheets Share und ändere Restricted in Anyone with the link, bevor du die URL kopierst.
Erlauben die Richtlinien deines Unternehmens keine Link-Freigabe, lade das Google Sheet als Excel-Datei (.xlsx) herunter. Du kannst diese Datei per Drag-and-drop in CopyDoc ziehen und denselben Sync-Workflow nutzen, ohne die Tabelle öffentlich zu machen.
Die URL deines Google Sheets einfügen und mit Figma synchronisieren
Um eine Vorschau deiner Tabelleninhalte zu sehen, füg die öffentliche Google-Sheets-URL in das Eingabefeld Your Public Google Sheet URL ein. Ist die URL gültig, öffentlich und richtig strukturiert, wird nach dem Einfügen automatisch eine Vorschau der enthaltenen Spaltenüberschriften geladen.
Wähle in Figma mindestens eine Ebene aus, die passend zu deinen Spaltenüberschriften umbenannte Ebenen enthält, und klick dann auf den Button Sync Rows with Layers (Sync & Repeat Selected Layer, wenn Auto Repeat aktiviert ist). Damit werden die Inhalte deiner Tabelle mit den ausgewählten, umbenannten Figma-Ebenen synchronisiert.
Figma-Textebenen mit fehlenden Schriften lassen sich nicht aktualisieren. Enthält deine Figma-Textebene eine fehlende Schrift, kann das Plugin sie nicht aktualisieren. Behebe die fehlenden Schriften in allen Textebenen, die du mit dem Plugin CopyDoc in irgendeiner Weise aktualisieren willst.
Eine einzelne Figma-Ebene automatisch für deine Tabellenzeilen wiederholen
Nutzt du die Sync-Tabs Content oder Styles, kannst du eine einzelne Figma-Ebene automatisch wiederholen, indem du den Schalter Auto Repeat aktivierst. CopyDoc kopiert dann die ursprünglich ausgewählte Figma-Ebene und dupliziert sie so oft, wie deine Tabellendaten Zeilen haben.
So machst du aus einer Karte, einem Katalogeintrag oder einem Kampagnenlayout ein gefülltes Design für jede Tabellenzeile. Text- und Bildebenen im Design übernehmen die Inhalte der passenden Tabellenspalten.
Wählst du eine Hauptkomponente aus, erstellt CopyDoc für jede Zeile eine Instanz. Wählst du eine bestehende Instanz aus, wird diese Instanz dupliziert; wählst du einen Frame aus, wird der Frame dupliziert.
Liegt deine ausgewählte Figma-Ebene bereits direkt in einer anderen Figma-Ebene mit aktiviertem Auto Layout, wird sie automatisch innerhalb dieser übergeordneten Ebene dupliziert. Andernfalls erstellt CopyDoc einen ganz neuen Auto-Layout-Frame und dupliziert deine neuen Figma-Ebenen stattdessen dort.
Dynamische Namen für automatisch wiederholte übergeordnete Ebenen
Um jede duplizierte Figma-Ebene nach deiner Tabelle zu benennen, gib der ausgewählten Vorlagenebene denselben Namen wie einer Spaltenüberschrift. CopyDoc verwendet den Wert dieser Spalte aus jeder Zeile als neuen Ebenennamen.
Ein einzelnes führendes # ist optional: Eine Ebene namens #Title passt zu einer Spalte Title, und eine Ebene namens Title passt zu einer Spalte #Title. Gibt es beide Überschriften, hat die exakte Übereinstimmung Vorrang, auch wenn ihr Wert leer ist. Groß- und Kleinschreibung sowie Leerzeichen müssen trotzdem übereinstimmen.
Gibt es in deiner Tabelle keinen passenden Ebenennamen, nimmt das Plugin CopyDoc stattdessen den ursprünglichen Namen der Figma-Ebene und hängt eine Zeilennummer an (zum Beispiel My Frame Layer (Row 3)).