Texte in XLSX- oder CSV-Dateien bearbeiten

Deine exportierte .xlsx- oder .csv-Datei kannst du in einer Tabellenkalkulation wie Apple Numbers, Microsoft Excel oder Google Sheets öffnen oder einfach in einem Text- bzw. Code-Editor wie Visual Studio Code oder Sublime Text.

CSV-Dateien mit Unicode-Zeichen in Microsoft Excel öffnen. Enthält dein Text Unicode-Zeichen (zum Beispiel bei Inhalten auf Polnisch oder Russisch), musst du die CSV-Datei in Microsoft Excel über den integrierten Import-Assistenten importieren. Andere Tabellenprogramme wie Apple Keynote und Google Sheets brauchen das nicht; dort öffnest du die CSV-Datei ganz normal.

CSV-Dateien in Google Sheets öffnen. Wenn du eine CSV-Datei in Google Sheets importierst, deaktiviere unbedingt das Kontrollkästchen Convert text to numbers, dates and formulas. Sonst werden deine Figma-IDs verändert und unbrauchbar, sodass sie sich nicht mehr richtig nach Figma zurückimportieren lassen.

Jede Zeile in der .csv-Datei steht für einen Text aus deiner Figma-Datei. Den übergeordneten Frame jeder Textebene erkennst du bequem am Wert der Spalte „frame“, und den Inhalt jeder Zeile bearbeitest du, indem du den Wert der Spalte „figma_text“ änderst.

Die Spalten deiner XLSX- oder CSV-Datei verstehen

id

Die Spalte id enthält eindeutige Verweise auf die Textebenen in deiner ursprünglichen Figma-Datei. Nur dadurch lassen sich Textänderungen später wieder über das Plugin CopyDoc importieren.

Ändere nichts in der Spalte „id“. Wenn du deine Textänderungen wieder in deine Figma-Datei importieren möchtest, ändere nichts in der Spalte „id“. Sonst lassen sich die Texte nicht mehr ihren Figma-Ebenen zuordnen (oder es werden womöglich falsche Ebenen aktualisiert).

frame

Die Spalte frame enthält den Namen des übergeordneten Frames, in dem sich die Textebene der jeweiligen Zeile befindet. So siehst du leicht, wo die Textebene in deinem Design vorkommt.

layer_name

Die Spalte layer_name bezieht sich auf den Namen deiner Textebene in der ursprünglichen Figma-Datei. Er ist fast immer identisch mit dem Textinhalt selbst, weicht aber ab, wenn du deine Figma-Textebenen von Hand umbenannt hast.

Hinweis: Wenn du layer_name bearbeitest oder aktualisierst, wird der Name deiner Figma-Textebene beim erneuten Import der XLSX- oder CSV-Datei nach Figma automatisch angepasst. Auf den Inhalt der Textebene selbst hat das keinen Einfluss. Nimm Änderungen am Inhalt des Textes also in der Spalte figma_text oder in einer deiner eigenen Textvarianten vor.

figma_text

Die Spalte figma_text_ enthält den Textinhalt der Textebenen aus deiner ursprünglichen Figma-Datei. Wenn du diesen Inhalt bearbeitest, kannst du die aktualisierten Texte wieder nach Figma importieren.

Eigene Textvarianten in deiner XLSX- oder CSV-Datei

Hast du deine XLSX- oder CSV-Datei mit zusätzlichen eigenen Spalten exportiert, stehen diese in deinem .xlsx- oder .csv-Export automatisch hinter allen Standardspalten. Diese leeren Platzhalterspalten kannst du mit anderen Versionen oder Sprachen füllen und sie beim erneuten Import deiner CSV-Datei nach Figma auswählen.

Speichere die XLSX/CSV-Datei wieder als .xlsx/.csv. Wenn du deine .csv-Datei in einer Tabellenkalkulation bearbeitest, speichere sie danach unbedingt wieder als .csv. Manche Programme versuchen, die Datei in einem anderen Format zu speichern, das beim erneuten Import über das Plugin CopyDoc nicht kompatibel ist.

Texte in JSON-Dateien bearbeiten

Deine exportierte .json-Datei kannst du in einem Text- bzw. Code-Editor wie Visual Studio Code oder Sublime Text öffnen.

Jedes Objekt im Array der .json-Datei steht für einen Text aus deiner Figma-Datei. Den übergeordneten Frame jeder Textebene erkennst du bequem am Wert der Eigenschaft „frame“, und den Inhalt jedes Objekts bearbeitest du, indem du den Wert der Eigenschaft „figma_text“ änderst.

Die Spalten deiner JSON-Datei verstehen

id

Die Eigenschaft id enthält eindeutige Verweise auf die Textebenen in deiner ursprünglichen Figma-Datei. Nur dadurch lassen sich Textänderungen später wieder über das Plugin CopyDoc importieren.

Ändere nichts in der Eigenschaft „id“. Wenn du deine Textänderungen wieder in deine Figma-Datei importieren möchtest, ändere nichts in der Eigenschaft „id“. Sonst lassen sich die Texte nicht mehr ihren Figma-Ebenen zuordnen (oder es werden womöglich falsche Ebenen aktualisiert).

frame

Die Eigenschaft frame enthält den Namen des übergeordneten Frames, in dem sich die Textebene des jeweiligen Objekts befindet. So siehst du leicht, wo die Textebene in deinem Design vorkommt.

layer_name

Die Eigenschaft layer_name bezieht sich auf den Namen deiner Textebene in der ursprünglichen Figma-Datei. Er ist fast immer identisch mit dem Textinhalt selbst, weicht aber ab, wenn du deine Figma-Textebenen von Hand umbenannt hast.

Hinweis: Wenn du layer_name bearbeitest oder aktualisierst, wird der Name deiner Figma-Textebene beim erneuten Import der JSON-Datei nach Figma automatisch angepasst. Auf den Inhalt der Textebene selbst hat das keinen Einfluss. Nimm Änderungen am Inhalt des Textes also in der Eigenschaft figma_text oder in einer deiner eigenen Textvarianten vor.

figma_text

Die Eigenschaft figma_text_ enthält den Textinhalt der Textebenen aus deiner ursprünglichen Figma-Datei. Wenn du diesen Inhalt bearbeitest, kannst du die aktualisierten Texte wieder nach Figma importieren.

Eigene Textvarianten in deiner JSON-Datei

Hast du deine JSON-Datei mit zusätzlichen eigenen Eigenschaften exportiert, stehen diese in deinem .json-Export automatisch hinter allen Standardeigenschaften. Diese leeren Platzhaltereigenschaften kannst du mit anderen Versionen oder Sprachen füllen und sie beim erneuten Import deiner JSON-Datei nach Figma auswählen.

Lass dir von Entwicklern aus deinem Umfeld oder Team bei JSON helfen. Wenn du dich mit dem JSON-Format nicht gut auskennst, frag jemanden, der sich mit Webentwicklung auskennt. Mit diesem Format lassen sich richtig praktische Dinge umsetzen, zum Beispiel die Daten in eine API oder App von Drittanbietern einbinden oder mit einem eigenen Node.js-Skript die Textdaten auf andere clevere Weise verarbeiten.

Texte in Markdown-Dateien bearbeiten

Deine exportierte .md-Datei kannst du in einem Text- bzw. Code-Editor wie Visual Studio Code oder in einem eigenen Markdown-Editor wie Markably öffnen.

Jeder Textblock in der .md-Datei steht für Inhalte aus der Figma-Datei. Vor jedem Block steht eine Zeile mit der zugehörigen figma_text_id.

Ändere oder entferne nichts in den Zeilen mit der Eigenschaft „figma_text_id“. Wenn du deine Textänderungen wieder in deine Figma-Datei importieren möchtest, ändere nichts in den Zeilen mit „figma_text_id“. Sonst lassen sich die Texte nicht mehr ihren Figma-Ebenen zuordnen (oder es werden womöglich falsche Ebenen aktualisiert).

Unterstützte Markdown-Formatierung

Du kannst in deiner Markdown-Datei alle Figma-Inhalte aktualisieren und außerdem einfache Markdown-Formatierung (fett, kursiv) und Links ändern oder hinzufügen. All das lässt sich wieder in deine Figma-Datei importieren.

• Fetten Text kennzeichnest du mit doppelten Sternchen um den Text, zum Beispiel **Text to bold**
• Kursiven Text kennzeichnest du mit einfachen Unterstrichen um den Text, zum Beispiel _Italic Text_
• Fett kursiven Text kennzeichnest du mit doppelten Sternchen und einem Unterstrich um den Text, zum Beispiel **_Italic Text_**
• Hyperlinks fügst du mit der Markdown-Syntax This is [my link here](https://example.com) in a text paragraph ein (den Linktext kannst du ebenfalls formatieren, indem du die Syntax für fett/kursiv innerhalb der [] des Links verwendest).

Texte in DOCX-Dateien bearbeiten

Deine exportierte .docx-Datei kannst du in einem Programm wie Microsoft Word oder Google Docs öffnen.

Jeder Textblock in der .docx-Datei steht für Inhalte aus der Figma-Datei. Vor jedem Block steht eine Zeile mit der zugehörigen figma_text_id.

Ändere oder entferne nichts in den Zeilen mit der Eigenschaft „figma_text_id“. Wenn du deine Textänderungen wieder in deine Figma-Datei importieren möchtest, ändere nichts in den Zeilen mit „figma_text_id“. Sonst lassen sich die Texte nicht mehr ihren Figma-Ebenen zuordnen (oder es werden womöglich falsche Ebenen aktualisiert).

Unterstützte DOCX-Formatierung

Du kannst in deiner DOCX-Datei alle Figma-Inhalte aktualisieren und außerdem einfache Formatierung (fett, kursiv) und Links ändern oder hinzufügen. All das lässt sich wieder in deine Figma-Datei importieren.

XLIFF-Dateien bearbeiten

Deine exportierte .xliff-Datei kannst du in einem Text- bzw. Code-Editor wie Visual Studio Code oder Sublime Text öffnen.

Jede <unit> in der .xliff-Datei steht für einen Text aus deiner Figma-Datei. Den übergeordneten Frame jeder Textebene erkennst du bequem am Wert der Eigenschaft „frame“, und die Übersetzung in der Zielsprache bearbeitest du für jede <unit>, indem du den Wert von <target> änderst.

Mit XLIFF-Software geht es leichter Wenn du für deine .xliff-Datei keinen normalen Texteditor nutzen möchtest, kannst du spezielle Software zum Bearbeiten von .xliff-Dateien verwenden, zum Beispiel Counterparts oder XLIFFTool für OS X oder Virtaal für Windows.

Ändere nichts in der Eigenschaft „id“. Wenn du deine Textänderungen wieder in deine Figma-Datei importieren möchtest, ändere nichts in den einzelnen „id“-Eigenschaften. Sonst lassen sich die Texte nicht mehr ihren Figma-Ebenen zuordnen (oder es werden womöglich falsche Ebenen aktualisiert).

Designreferenzen ansehen

Beim Bearbeiten der Texte in deinem Export möchtest du vielleicht sehen, wo der Text im ursprünglichen Figma-Design steht. Hast du die Option Design References aktiviert, enthält deine exportierte .zip-Datei einen Ordner namens _frames mit .png-Bildern aller Frames, die du für den Export ausgewählt hast. Sie dienen als Designreferenz zu den exportierten Textdateien.

Exportierte Textebenen sind nach ihrer sichtbaren Position sortiert. Die Textebenen in den exportierten Dateien sind nach ihrer Position im Design sortiert (von oben links nach unten rechts). So findest du beim Durchsehen eines Designbilds leichter, wo ein Text verwendet wird.

Video-Tutorials

Video-Tutorial: Figma-Textebenen mit CSV-Dateien importieren/exportieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Textebenen mit CSV-Dateien importierst und exportierst.

Video-Tutorial: Figma-Texte über die Airtable-Synchronisierung exportieren und wieder importieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Texte über die Airtable-Synchronisierung exportierst und wieder importierst.

Video-Tutorial: Figma-Textebenen mit JSON-Dateien importieren/exportieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Textebenen mit JSON-Dateien importierst und exportierst.

Video-Tutorial: Ausgewählte Textebenen in Figma exportieren und wieder importieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc ausgewählte Textebenen aus Figma exportierst und wieder importierst.

Video-Tutorial: Figma-Textebenen mit Markdown-Dateien aktualisieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc die Inhalte von Figma-Textebenen mit Markdown-Dateien aktualisierst.

Video-Tutorial: Figma-Texte aus Microsoft Word mit DOCX-Dateien aktualisieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Texte aus Microsoft Word mit DOCX-Dateien aktualisierst.

Video-Tutorial: Figma-Texte aus Google Docs mit DOCX-Dateien aktualisieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Texte aus Google Docs mit DOCX-Dateien aktualisierst.

Video-Tutorial: Figma-Texte aus Office 365 mit DOCX-Dateien aktualisieren

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Figma-Texte aus Office 365 mit DOCX-Dateien aktualisierst.