Video-Tutorial: Tabelleninhalte aus Airtable mit Figma synchronisieren
Dieses Video zeigt, wie du mit dem Plugin CopyDoc Tabelleninhalte aus Airtable mit Figma 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 Airtable-Inhalte mit Figma-Ebenen synchronisieren
Um deine Airtable-Inhalte für die Funktion Sync Content in CopyDoc hinzuzufügen, wähle im Dropdown-Menü der Plattformen die Option Sync from Airtable URL. Danach füllst du 3 Felder aus:
Die URL deiner Airtable-Tabelle
Um eine Tabelle zu erstellen, melde dich bei Airtable an, klick auf Create a base, wähle den Workspace, in dem sie liegen soll, und klick dann auf Create.
Die URL deiner Airtable-Tabelle sollte so aussehen: https://airtable.com/appzkSCDvQhxjfrl3/tbl9Ug0eTNoZFX5ne/viwULclwtTCrQq4dR?blocks=hide
Dein Personal Access Token von Airtable
Ein Token erstellst du auf der Seite Personal Access Token von Airtable.
Dein Personal Access Token von Airtable sollte so aussehen: patCDDXkwmgP4CyJK.19aa66430076753f90aaf1b27ae0a4ddf14f445dce8add9bd539bcbefcbe35df
Setz die Scopes des Tokens auf data.records:read und schema.bases:read und gib ihm Zugriff auf die Base, die du synchronisieren willst. Mit dem Schema-Scope erkennt CopyDoc Spalten, die in allen Datensätzen leer sind, sodass passende Textebenen geleert werden können. Ein Token mit nur data.records:read kann die zurückgegebenen Spalten zwar weiterhin synchronisieren, aber bei komplett leeren Spalten bleibt der Vorlagentext eventuell unverändert.
Eigene Bezeichnung für die Airtable
Leg eine eigene Bezeichnung fest (zum Beispiel My Airtable Snippets), an der du deine Airtable-URL bei der Nutzung erkennst.
Hast du diese Felder ausgefüllt, klick auf Save New Airtable +, um die Inhaltsvorschau zu laden und die Ansicht in deiner Figma-Datei zu speichern. Du kannst mehrere Ansichten derselben Tabelle mit unterschiedlichen Bezeichnungen speichern. Fügst du dieselbe Ansicht erneut hinzu, wird der bereits gespeicherte Eintrag ausgewählt.
Leere Felder
Ist schema.bases:read aktiviert, leeren leere Zellen die passenden Textebenen, auch wenn die ganze Spalte in der ausgewählten Ansicht leer ist. Ebenen, die zu keiner Tabellenspalte passen, behalten ihren bisherigen Inhalt. CopyDoc lädt alle Seiten mit Datensätzen der ausgewählten Ansicht.
Kann CopyDoc die Feldliste nicht lesen, zeigt es eine Meldung an und arbeitet mit den Feldern weiter, die mit den Datensätzen zurückgegeben werden. Füg deinem Token bei Bedarf den Schema-Scope hinzu und lade dann die Inhaltsvorschau neu. Ist die Feldliste vorübergehend nicht verfügbar, lade neu, um es erneut zu versuchen.
Eine Beschriftung wie MODERATED BY erscheint weiterhin, wenn die zugehörige Airtable-Zelle diesen Text enthält. Leere auch diese Zelle, wenn die Beschriftung verschwinden soll.
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)).