Textebenen deiner Figma-Designs lokalisieren

Mit der integrierten Lokalisierungsfunktion von CopyDoc übersetzt du beliebige Frames deiner Figma-Seite in mehrere Sprachen oder Inhaltsvarianten.

Video-Tutorial: Der einfachste Weg, Figma-Designs zu lokalisieren

Dieses Video-Tutorial ist eine vollständige Schritt-für-Schritt-Anleitung und zeigt dir den einfachsten Weg, beliebige Figma-Designs mit dem Plugin CopyDoc zu lokalisieren.

Video-Tutorial: Figma-Textebenen mit XLIFF-Dateien übersetzen

Dieses Video zeigt, wie du Figma-Textebenen mit dem Plugin CopyDoc über XLIFF-Dateien übersetzt.

Suchst du den XLIFF-Workflow? ​

Hast du nach Localize Figma Text, Localise Figma Text, Export/Import XLIFF oder XLF gesucht, ist das der Lokalisierungs-Workflow von CopyDoc, den du brauchst.

Klick in CopyDoc auf Localize Frames, um den tabellenbasierten Lokalisierungsablauf mit .xlsx zu öffnen. Willst du stattdessen XLIFF-Übersetzungsdateien nutzen, klick auf Export Text Layers, wähle das Format XLIFF 1.2 oder XLIFF 2.0 und bring die übersetzte Datei anschließend mit Import Text Layers zurück.

Ein Schritt-für-Schritt-Beispiel mit XLIFF findest du unter Figma-Textebenen mit XLIFF-Dateien übersetzen.

Figma-Textebenen in eine Lokalisierungstabelle exportieren ​

Mit einem Klick auf den Button Localize Frames in CopyDoc exportierst du deine Frames und wählst die Zielsprachen, in die du die Designs übersetzen willst (zum Beispiel Französisch, Deutsch usw.). Ein Klick auf den Button Export XLSX exportiert die Texte deiner Frames automatisch in eine .xlsx-Tabelle.

Doppelte Textebenen gruppieren ​

Aktivierst du die Option Group Duplicate Text Layers, werden alle Textebenen mit exakt demselben Inhalt in deinem XLSX-Export automatisch zu einem einzigen Eintrag zusammengefasst. Das kann das Bearbeiten und erneute Importieren deiner Inhalte in Figma etwas erleichtern, da du den Text nur an einer Stelle bearbeiten musst.

Die sichtbare Schreibweise aus Figma beibehalten ​

Aktivierst du die Option Use Figma Text Case, übernehmen deine exportierten Textebenen automatisch die „sichtbare“ Schreibweise (zum Beispiel „Uppercase“, „Title Case“, „Lowercase“), die für die Textebene in Figma eingestellt ist. So bildest du den Text genau so ab, wie er im Design erscheint, statt den zugrunde liegenden Inhalt der Textebene zu exportieren (also so, wie er mit der Standardeinstellung „As typed“ erscheint).

Lokalisierte Inhalte für jede Sprachspalte deiner Tabelle hinzufügen ​

Hast du deine .xlsx-Datei exportiert, kannst du die Excel-Datei bearbeiten und die vorbereiteten Sprachspalten nach Bedarf füllen.

Brauchst du in deiner Lokalisierungstabelle zusätzliche Spalten, die nicht zurück nach Figma importiert werden sollen (zum Beispiel Metadaten wie „approved“, „status“, „reviewer“ usw.), stell dem Namen der Spaltenüberschrift drei Unterstriche voran (zum Beispiel ___approved oder __status). CopyDoc ignoriert diese Spalte dann, wenn die .xlsx-Datei wieder nach Figma importiert wird.

Deine lokalisierte Tabelle wieder in Figma importieren ​

Hast du die Sprachen eingetragen und deine Tabelle gespeichert, ziehst du die .xlsx-Datei per Drag-and-drop zurück ins Plugin CopyDoc und klickst auf den Button Localize Frames, um die neuen Sprachversionen zu importieren. Beim Import erstellt CopyDoc automatisch eine ganz neue Seite mit einem neuen Frame pro Sprache, der alle Textänderungen enthält, die du in der Tabelle vorgenommen hast (pro Textebene bzw. „Zeile“).

Reihenfolge der importierten Frames festlegen ​

Hat CopyDoc deine Tabelle geladen, zieh die Frames in der Importvorschau in die gewünschte Reihenfolge, bevor du auf Localize Frames klickst. Ist Keep Frame Positions ausgeschaltet, ordnet CopyDoc die ursprünglichen und lokalisierten Frames in dieser Reihenfolge von oben nach unten auf der neuen Seite an.

Aktivierst du den Schalter Keep Frame Positions, entspricht die Anordnung bzw. Position aller neu importierten oder übersetzten Frames der Anordnung der ursprünglichen Frames, die aus Figma exportiert wurden. Ist der Schalter aus, ordnet das Plugin sie stattdessen in einem aufgeräumten, geordneten Raster an.

Aktivierst du den Schalter Add a “Worst Case” Frame (Longest Text), entsteht ein zusätzlicher Frame, der für jede Textebene den längsten Text aus allen neuen Sprachversionen bzw. Übersetzungen der Tabelle übernimmt. Dieser Frame zeigt dir den ungünstigsten Fall mit besonders langen Texten. So kannst du testen, wie robust dein Design ist, und sicherstellen, dass es Texte jeder Länge verkraftet, ohne zu brechen oder seltsam auszusehen.

Markdown-Formatierung nutzen ​

Optional kannst du die Texte in deinen Lokalisierungstabellen als Markdown exportieren, indem du den Schalter Use Markdown aktivierst. Fetter, kursiver oder verlinkter Text wird dann automatisch im Markdown-Format (siehe unten) ausgegeben. So kannst du die Formatierung einzelner Textteile in deinem Design bearbeiten oder ergänzen, bevor du übersetzte Texte wieder importierst.

Hast du die exportierte Tabelle bearbeitet und Markdown-Formatierung hinzugefügt oder entfernt, sorgt der Schalter Import Markdown Formatting dafür, dass dein XLSX-Import die unterstützte einfache Markdown-Formatierung (siehe unten) automatisch erkennt und auf deine Figma-Textebenen anwendet.

CopyDoc unterstützt derzeit Markdown-Formatierung im Fließtext für fett, kursiv, fett und kursiv, Hyperlinks und Zeilenumbrüche. Verzichte auf Überschriften, Listen, Codeblöcke, Tabellen, HTML oder andere Markdown-Syntax, die über diese unterstützten Textfunktionen hinausgeht.

Unterstützte Markdown-Formatierung: ​

  • 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 und kursiv formatierten 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 hinzu (den Linktext kannst du ebenfalls formatieren, indem du die Syntax für fett oder kursiv innerhalb der [] des Links verwendest).

Weitere Lokalisierungs-Workflows ​

CopyDoc unterstützt auch KI-gestützte Lokalisierungs-Workflows:

Jeder KI-Anbieter für die Lokalisierung unterstützt in CopyDoc zwei Workflows: eine direkte Übersetzung per API und eine manuelle Prompt-Option, die einen CSV-Übersetzungsprompt für dich erzeugt, den du in der App des Anbieters ausführst.