Figma-Inhalte in translate5 übersetzen – mit dem Design im Blick
Exportieren Sie den Text aus einem Figma-Design, übersetzen und lektorieren Sie ihn in translate5 mit dem Design als visuellem Kontext und importieren Sie die fertige Übersetzung anschließend wieder in Figma. So entfällt das manuelle Kopieren und Einfügen von Text zwischen Design-Tool und Übersetzungsumgebung und der gesamte Prozess bleibt durchgängig verbunden.
Von Figma zu translate5 und zurück
Ein kostenloses Community-Plug-in für Figma von Ian Barrow (Conversis) verbindet das Figma-Design mit dem Übersetzungs-Workflow in translate5. Der Prozess im dateibasierten Workflow umfasst die folgenden vier Schritte, ohne dass Text manuell zwischen beiden Systemen kopiert werden muss:
Export des gesamten Textes eines Figma-Designs in eine XML-Datei
Import der XML-Datei zusammen mit Bildexporten des Designs als Visual-Dateien in translate5
Übersetzung und Lektorat der Texte in translate5 mit dem Design als visuellen Kontext oberhalb der Segmente
Rückimport der übersetzten Texte in ein sprachspezifisches Duplikat des Figma-Designs
Sie arbeiten dabei für jede Zielsprache mit einem Duplikat des Designs, sodass das Original unverändert bleibt.
Übersetzung direkt im Designkontext
Im translate5 Editor zeigt translate5 Visual das Design oberhalb der Segmenttabelle an: Klicken Sie auf einen Text im Design, um das zugehörige Segment im Editor zur Übersetzung zu öffnen. Für diese Verknüpfung gleicht translate5 den Text in den exportierten Bildern mit dem entsprechenden Text in der importierten Arbeits-Datei ab. Dadurch wird die visuelle Darstellung des Figma-Designs mit den Inhalten verbunden, die in translate5 übersetzt werden.
Dies ist besonders hilfreich, wenn der Platz begrenzt ist. Übersetzer/innen und Lektor/innen sehen beim Übersetzen und Lektorieren in Echtzeit, wie sich das Design verändert. So erkennen sie mögliche Längen- und Layoutprobleme, bevor die übersetzten Inhalte wieder in Figma importiert werden.
Erhalt der Formatierung beim Rückimport in Figma
Formatierungswechsel, Farben und Schriftarten innerhalb eines Textes werden als Inline-Elemente exportiert und in translate5 als interne Tags geschützt. Übersetzer/innen arbeiten in translate5 am Text, ohne das Markup bearbeiten zu müssen. Beim Rückimport der übersetzten Datei in Figma bleibt die Formatierung erhalten.
Keine manuelle Textübertragung zwischen Figma und Übersetzungsumgebung
Ohne diese Verbindung muss Designtext von Hand aus Figma kopiert, separat übersetzt und anschließend Element für Element wieder in das Design eingetippt oder eingefügt werden. Das Plug-in für Figma und der Workflow in translate5 machen diese manuellen Übertragungsschritte überflüssig und helfen, die damit verbundenen Probleme zu vermeiden:
Keine manuelle Textübertragung: Der Text wird aus Figma exportiert, in translate5 übersetzt und wieder in das Design importiert, statt Element für Element neu eingetippt oder eingefügt zu werden.
Weniger Korrekturschleifen: Übersetzer/innen arbeiten mit dem Design als visuellem Kontext. Dadurch fallen mögliche Längen- und Layoutprobleme bereits beim Übersetzen oder Lektorieren auf und nicht erst nach dem Rückimport der Übersetzung in das Design.
Wiederverwendbare Übersetzungen: Die übersetzten Inhalte lassen sich in translate5 in einem Translation Memory speichern, um für spätere Versionen des Designs wiederverwendet werden zu können.
Terminologie und Qualitätsprüfungen inklusive: Figma-Inhalte werden in derselben translate5 Projektumgebung übersetzt wie Ihre übrigen Übersetzungsinhalte. Die Übersetzer/innen haben so Zugriff auf die dort eingerichtete Terminologie und die konfigurierten Qualitätsprozesse.
Automatisierung der Übertragung zwischen Figma und translate5 per API
Das Plug-in überträgt die Inhalte in beide Richtungen, sodass Sie keine Dateien exportieren, hochladen oder herunterladen müssen:
Inhalte an translate5 senden: Das Plug-in sendet den Text und die Bildexporte des Designs aus Figma an Ihre translate5 Instanz.
Projekt automatisch anlegen: translate5 legt das Übersetzungsprojekt direkt für den ausgewählten Kunden und die gewählten Sprachen an.
Wie gewohnt übersetzen: Übersetzer/innen und Lektor/innen arbeiten im translate5 Editor mit dem Visual Plug-in und sehen in Echtzeit, wie sich das Design verändert.
Übersetzung abrufen: Sobald die Übersetzung abgeschlossen ist, können Sie die übersetzten Inhalte im Plug-in abrufen und in das Design importieren.
Für die Einrichtung der Verbindung benötigen Sie in translate5 einen technischen Benutzer mit API-Rechten und ein App-Token.
