Integrationen

Figma (Strings)

Inhalte werden von Phrase Language AI maschinell aus dem Englischen übersetzt.

Verfügbar für

  • Alle bezahlten Pläne

Verfügbar für

  • Advanced- und Enterprise-Plan (Legacy)

Nimm Kontakt mit Vertrieb für Fragen zur Lizenzierung auf.

Tipp

Für Informationen zur Figma-Integration in Phrase TMS, siehe Figma (TMS).

Das Figma-Plugin ermöglicht die Integration von Designinhalten in Phrase-Projekte und überbrückt die Kluft zwischen Produktdesign- und Lokalisierungsteams. Das Plugin unterstützt das Pushen von Inhalten, das Abrufen von Übersetzungen und das Verwalten von Schlüsseln zwischen Figma und Phrase Strings.

  • Branching wird unterstützt.

  • Zugriff auf mindestens ein Projekt und eine Sprache mit Benutzerrechten für Übersetzer ist erforderlich. Zugriff kann gewährt werden, indem eine Einladung von einem Administrator oder Projektmanager gesendet wird.

  • Das Plugin sendet Screenshots von Auto-Layout-Frames, die keine untergeordneten Elemente sind.

  • Standardmäßig sind versteckte Textebenen nicht in der Integration enthalten. Dies kann in den Einstellungen Setup_gear.png geändert werden, indem Versteckte Ebenen oder Frames in die Auswahl einbeziehen ausgewählt wird.

  • Standardmäßig werden ausgewählte Tags im Plugin nach dem Push-Prozess gelöscht. Dies kann in den Einstellungen Setup_gear.png geändert werden, indem die Option Tags nach dem Push löschen deaktiviert wird.

  • Änderungen an den Standardeinstellungen Setup_gear.png des Plugins werden gespeichert und bleiben persistent.

Installiere und verbinde das Figma-Plugin

Um das Plugin auszuführen, wähle es im Plugin-Browser von Figma oder aus der Figma Community aus und klicke auf Jetzt ausprobieren. Das Plug-in wird im Figma Plugins Menü verfügbar sein.

Die Verbindung von Figma zu Phrase kann entweder durch Bereitstellung der Phrase-Anmeldeinformationen oder eines Access Tokens hergestellt werden.

Wenn die Verbindung hergestellt ist, lädt die Auswahl eines Rahmens eine Vorschau des Figma-Inhalts und der Schlüssel, die Benutzer zu Phrase Strings pushen oder von dort abrufen können.

Der Connect Keys Tab ermöglicht es, Figma-Ebenen mit bereits vorhandenen Schlüsseln in einem Strings Projekt zu verbinden. Wenn die Naming Convention für sowohl die Ebenen als auch die Schlüssel gleich ist, können sie automatisch zugeordnet werden.

Das Plug-in ist über spezielle Schaltflächen in der Figma-Seitenleiste zugänglich:

  • Phrase Strings

    Klicken Sie, um das Plug-in zu öffnen.

  • Text in Strings anzeigen

    Angezeigt in Figma-Dateien, die mit einem Strings-Projekt verbunden sind. Klicken Sie, um das relevante Projekt im Translation Editor zu öffnen.

Inhalt pushen

Der Inhalt zu Phrase pushen Tab ermöglicht das Senden von Rahmen oder Textebenen von Figma zu Phrase Strings zur Lokalisierung. Es ist nicht möglich, Inhalte in einen geschützten Hauptbranch zu pushen.

Wählen Sie das Projekt, Branch (falls verwendet) und die Sprache für den gepushten Inhalt aus. Optional können Sie ein benutzerdefiniertes Tag eingeben, das zu den hochgeladenen Schlüsseln hinzugefügt werden soll.

Leere oder doppelte Schlüsselnamen werden mit einem roten Zähler in der Content Spalte gekennzeichnet. Um lange Listen von Schlüsselnamen zu verwalten, verwenden Sie das Nach Sort Filter Dropdown, um Unvollständige Schlüsselnamen zuerst oder Doppelte Schlüsselnamen zuerst anzuzeigen.

Hinweis

Die ausgewählte Sortieroption wird für zukünftige Sitzungen gespeichert.

Der Push to Phrase Button ist deaktiviert, wenn die Eingaben für die Schlüsselnamen leer sind, ungültige Zeichen enthalten oder nicht eindeutig sind, wenn ein geschützter Hauptbranch ausgewählt ist.

Wählen Sie die Work with key names Einstellung aus, um die Eingaben für die Schlüsselnamen zu bearbeiten und etwaige Namenskonflikte zu lösen. Falls erforderlich, wählen Sie die gewünschten Schlüssel aus und klicken Sie oben in der Tabelle auf Exclude layers, um diese Ebenen aus dem Plug-in zu entfernen.

Wenn es getrennte Ebenen mit widersprüchlichen Schlüsselnamen gibt, wählen Sie eine der verfügbaren Lösungsoptionen, um fortzufahren:

  • Create key copies in Phrase Strings

    Erstellt neue Schlüssel mit dem Suffix -copy.

  • Connect with existing keys

    Verknüpft Ebenen mit vorhandenen Phrase-Schlüsseln.

  • Don't push conflicting keys

    Nur nicht-widersprüchliche Ebenen werden übertragen.

Wenn die Option Upload Figma preview aktiviert ist, können die Benutzer optional auswählen, welche Zielsprache in der Figma-Vorschau enthalten sein soll. Wenn keine Sprachen ausgewählt sind, werden standardmäßig alle Sprachen einbezogen.

Wenn Ebenen erfolgreich in Strings übertragen werden, wird das Push completed Fenster mit einer Zusammenfassung und den folgenden Optionen angezeigt:

  • Create job

    Klicken Sie, um die Create a job Seite mit den vorab ausgewählten Schlüsseln zu öffnen.

    Wichtig

    Wenn die Option Upload Figma preview aktiviert ist, wird automatisch ein Job in Strings erstellt. Sobald aktiviert, kann dies nicht mehr deaktiviert werden.

  • Open in Strings

    Klicken Sie, um die übertragenen Schlüssel im Strings Editor anzuzeigen.

Ein gelbes Warnsymbol Warning erscheint neben Schlüsseln, deren Namen in Strings nach dem Pushen von Inhalten geändert wurden. Um die Schlüsselnamen im Figma-Plugin zu aktualisieren, wählen Sie Schlüsselname synchronisieren aus dem Ellipsenmenü More Menu neben dem nicht übereinstimmenden Schlüsselnamen aus.

Push-Optionen und Aktionen

Klicken Sie auf das Optionen anzeigen More Menu Menü, um die folgenden Push-Optionen nach Bedarf ein- und auszuschalten:

  • Screenshots hochladen ist standardmäßig aktiviert. Es ermöglicht das Anhängen eines Screenshots der ausgewählten Ebenen innerhalb des Rahmens:

    • Wenn die Einstellung Versteckte Ebenen oder Rahmen in der Auswahl einbeziehen aktiviert ist, wird eine Markierung in der oberen linken Ecke des Screenshots für versteckte Textebenen gesetzt, die mit dem Figma-Plugin importiert wurden.

    • Wenn die Einstellung Abschnitte von Screenshots ausschließen aktiviert ist, werden keine Screenshots von Figma-Abschnitten erstellt.

      Es wird empfohlen, diese Option aktiviert zu lassen, falls es zu Leistungsproblemen mit dem Plugin beim Arbeiten in Abschnitten kommt.

  • Inhalte in Phrase Strings aktualisieren ist standardmäßig aktiviert.

  • Schlüsselnamen in Phrase Strings aktualisieren ist standardmäßig aktiviert, es sei denn, die Einstellung Mit Schlüsselnamen in Figma arbeiten ist deaktiviert.

    Das Deaktivieren dieser Option setzt alle Eingaben für Schlüsselnamen zurück.

  • Aktivieren Sie Figma-Vorschau hochladen, um ein HTML-Bundle aus den ausgewählten Schlüsseln zu exportieren.

    Diese Option ist erforderlich, um kontextbezogene Vorschau im TMS CAT-Editor zu generieren, wenn Sie mit gesyncten Jobs aus Strings arbeiten.

    Benutzer können optional auswählen, welche Zielsprache in der Figma-Vorschau beim Pushen von Inhalten einbezogen werden soll. Wenn keine Sprachen ausgewählt sind, werden standardmäßig alle Sprachen einbezogen.

    Wenn die Vorschau erfolgreich generiert wird, wird automatisch ein Job in Strings erstellt. Alle aktiven Job-Automatisierungen im Strings-Projekt werden übersprungen, um doppelte Jobs zu vermeiden.

    Wenn die Vorschau das 10 MB-Limit überschreitet, werden die Schlüssel weiterhin an Strings gepusht, aber kein Job mit einer Vorschau wird erstellt.

    Hinweis

    Um mit Figma-Vorschauen im Strings-Editor zu arbeiten, verwenden Sie die Aktion Figma-Vorschau hinzufügen in der kontextuellen Seitenleiste.

  • Aktivieren Sie Inhaltsformatierung und -stil beibehalten, um die Formatierung von reichhaltigem Text (wie Listen, Zeilenumbrüche, fett/kursiv und Links) beizubehalten, wenn Inhalte von Figma nach Phrase gepusht und Übersetzungen zurückgezogen werden.

    Wenn aktiviert, werden HTML-Formatierungstags automatisch hinzugefügt, um die Inline-Formatierung zu erhalten, und werden im TMS im Kontextvorschau unterstützt, wenn mit Jobs synchronisiert aus Strings gearbeitet wird. Die HTML-Formatierungstags erscheinen im Strings-Editor und in exportierten Übersetzungen, die in Figma zurückgezogen werden.

    Deaktivieren Sie diese Option, wenn eine reichhaltige Formatierung nicht erforderlich ist, um manuelle Anpassungen zu vermeiden.

    Die Einstellung gilt auf Dateiebene und betrifft alle Mitarbeiter, die an der Datei arbeiten. Diese Option wird für neue Dateien gespeichert.

Für verbundene Ebenen stehen die folgenden Aktionen im entsprechenden Ellipsen More Menu-Menü zur Verfügung:

  • Wählen Sie Schlüssel-Details anzeigen, um die Schlüsselbeschreibung in Phrase Strings anzuzeigen/bearbeiten oder ein Zeichenlimit für den Schlüssel festzulegen. Alle Änderungen, die im Schlüssel-Details-Fenster gespeichert werden, erscheinen in der Strings-Editor-Seitenleiste, nachdem die Editor-Seite aktualisiert wurde.

    Tipp

    Wählen Sie mehrere Schlüssel im In Phrase Inhalte übertragen-Tab aus und verwenden Sie die Batch-Aktion Zeichenlimit festlegen, um ein Zeichenlimit für alle ausgewählten Schlüssel auf einmal festzulegen.

  • Wählen Sie Schlüssel im Editor öffnen, um zum entsprechenden Schlüssel im Strings-Editor zu navigieren.

  • Wählen Sie Inhalte von Phrase Strings trennen, um die Ebene von einem bestehenden Schlüssel zu trennen.

Verwalten Sie duplizierte Inhalte

Beim Übertragen von Inhalten erzeugen Ebenen mit duplizierten Inhalten mehrere Schlüssel in Strings, die genau denselben Text enthalten. Benutzer können entscheiden, wie sie diese duplizierten Inhalte im Inhalte zu Phrase übertragen-Fenster verwalten:

  • Wählen Sie Fortfahren ohne Zusammenführen, wenn das Erstellen mehrerer Schlüssel mit duplizierten Inhalten beabsichtigt ist.

  • Um einige duplizierte Inhalte in einen einzigen Schlüssel zusammenzuführen, befolgen Sie diese Schritte:

    1. Wählen Sie zwei oder mehr Schlüssel aus der Liste aus und klicken Sie auf Merge In einen Schlüssel zusammenführen...

      Ein Dropdown-Menü mit verfügbaren Schlüsseln zum Zusammenführen wird angezeigt.

    2. Wählen Sie den Schlüssel aus, in den die duplizierten Inhalte zusammengeführt werden sollen.

      Der ausgewählte Schlüssel wird im Inhalte zu Phrase übertragen-Fenster mit einem blauen Zusammenführungs-Icon Merge to a Key markiert.

    3. Klicken Sie auf Fortfahren, und bestätigen Sie dann, indem Sie Zusammenführen und Pushen im Popup Duplizierte Inhalte zusammenführen auswählen.

      Der duplizierte Inhalt wird in einen einzelnen Schlüssel zusammengeführt, und alle zugehörigen Ebenen sind mit diesem Schlüssel verbunden.

  • Um einige oder alle duplizierten Inhalte in den ersten Schlüssel der Liste zusammenzuführen, befolgen Sie diese Schritte:

    1. Wählen Sie mehrere oder alle Schlüssel aus der Liste aus und klicken Sie auf Merge Alle Duplikate in den ersten Schlüssel zusammenführen.

    2. Klicken Sie auf Fortfahren, und bestätigen Sie dann, indem Sie Zusammenführen und Pushen im Popup Duplizierte Inhalte zusammenführen auswählen.

      Der duplizierte Inhalt wird in einen einzelnen Schlüssel zusammengeführt, und alle zugehörigen Ebenen sind mit diesem Schlüssel verbunden.

    Diese Option ist nützlich für große Dateien mit vielen Duplikaten, da sie es den Benutzern ermöglicht, alle Duplikate in einer einzigen Aktion in den ersten gefundenen Schlüssel zusammenzuführen, anstatt jedes einzeln zu bearbeiten.

Schlüsselbenennung konfigurieren

Der Abschnitt Schlüsselbenennung der Plug-in-Einstellungen Setup_gear.png ermöglicht die Einrichtung der Benennungsrichtlinie für verbundene Schlüssel.

Um die Schlüsselnamen in Figma anzupassen, befolgen Sie diese Schritte:

  1. Klicken Sie auf Intelligente Schlüsselbenennung aktivieren in den Schlüsselbenennung Einstellungen.

  2. Wählen Sie Mit Schlüsselnamen in Figma arbeiten.

    Hinweis

    Wenn Textlayernamen mit Schlüsseln synchronisieren aktiviert ist, werden die Schlüsselnamen automatisch basierend auf den Textlayernamen generiert.

  3. Geben Sie im Feld Schlüsselname-Generierung Text ein, um benutzerdefinierte Schlüsselnamen zu definieren:

    • Optional können Sie auf Verfügbare Makros klicken, um eines der unterstützten Makros auszuwählen, um Schlüsselnamen automatisch zu generieren.

      Mehrere Makros können ausgewählt werden, um den Schlüsselnamen zu erstellen.

    • Es ist möglich, freien Text und Makros im Feld Schlüsselname-Generierung zu kombinieren.

      Klicken Sie auf Beispiele, um eines der vordefinierten Beispiele anzuzeigen und auszuwählen.

  4. Falls erforderlich, wählen Sie eine Formatierungsoption aus dem Dropdown-Menü Formatierungsrichtlinie aus, um den Text entsprechend zu ändern und Leerzeichen zu entfernen.

Wenn Sie Inhalte zu Phrase Strings pushen, wenden Sie die neu erstellte Benennungsrichtlinie auf zuvor verbundene Schlüssel an, indem Sie entweder:

  • Auf das Aktualisierungs- Refresh List Symbol am unteren Ende der Tabelle klicken.

  • Bestimmte Schlüssel auswählen und oben in der Tabelle auf Schlüsselnamen regenerieren klicken.

Verfügbare Makros

Macro

Beschreibung

{file_name}

Der Name der Figma-Datei

{page}

Die Figma-Seite, auf der der Schlüssel identifiziert wird

{parent_section}

Der Abschnitt auf der höchsten Ebene im Seitenbaum

{nearest_section}

Der Abschnitt, der der Textebene im Seitenbaum am nächsten ist

{frame}

Der Rahmen, in dem der Schlüssel identifiziert wird

{parent_group}

Die Gruppe auf der höchsten Ebene im Seitenbaum

{nearest_group}

Die Gruppe, die der Textebene im Seitenbaum am nächsten ist

{Komponente}

Der Name der Figma-Komponente, in der sich der Schlüssel befindet. Es werden nur Quellkomponenten berücksichtigt.

{element_name}

Der Name der Textebene

{element_content}

Der Inhalt der Textebene

{random}

Ein zufällig generierter einzigartiger kurzer Hash

Schlüssel verbinden oder trennen

Beim Übertragen von Inhalten können Benutzer Ebenen mit vorhandenen Schlüsseln in Phrase Strings verbinden oder neue generieren.

Wählen Sie die Connect keys Registerkarte aus, um eine Übersicht über verbundene und getrennte Schlüssel anzuzeigen.

Bereits verbundene Schlüssel sind in der Key name Spalte mit einem Link Connected Key Symbol gekennzeichnet. Falls erforderlich, wählen Sie das Projekt, den Branch (falls verwendet) und die Sprache aus oder klicken Sie auf das Suchsymbol, um den gewünschten Inhalt zu finden.

Wählen Sie Connect keys aus, um alle nicht verlinkten Schlüssel in der Registerkarte gebündelt zu verbinden. Um einzelne Schlüssel zu verbinden oder zu trennen, klicken Sie auf das entsprechende Symbol rechts neben dem jeweiligen Eintrag.

Hinweis

Die Option, einzelne Schlüssel zu trennen, ist auch in der Push content zu Phrase Registerkarte verfügbar.

Übersetzungen abrufen

Sobald die Übersetzungen abgeschlossen sind, wählen Sie die Figma-Ebenen oder -Rahmen aus, für die Sie Übersetzungen abrufen möchten, und klicken Sie auf die Pull content to Figma Registerkarte.

Benutzer können das Projekt, den branch (falls verwendet) und die Sprachen für den abgerufenen Inhalt auswählen. Tags können nicht zurück nach Figma gezogen werden.

Um lange Listen von Schlüsselnamen zu verwalten, verwenden Sie das Dropdown-Menü Sort by Sort Filter, um Unvollständige Schlüsselnamen zuerst anzuzeigen und mögliche Probleme zu beheben. Falls erforderlich, wählen Sie bestimmte Schlüssel aus und klicken Sie oben in der Tabelle auf Exclude layers, um diese Ebenen aus dem Plug-in zu entfernen.

Hinweis

Die ausgewählte Sortieroption wird für zukünftige Sitzungen gespeichert.

Klicken Sie auf das View options More Menu Menü, um auszuwählen, wie der abgerufene Inhalt in Figma angezeigt werden soll:

  • Erstellen Sie eine neue Seite pro Sprache

    Standardmäßig ausgewählt. Beim Abrufen für mehrere Sprachen wird für jede ausgewählte Sprache eine separate Figma-Seite erstellt, die alle Ebenen von der Seite enthält.

    Hinweis

    In Figma Buzz wird die Option Create a new row with translated content angezeigt.

  • Erstellen Sie eine einzelne Seite mit allen Sprachen

    Erstellt eine einzige neue Seite und platziert den ausgewählten übersetzten Inhalt nebeneinander in sprachspezifischen Spalten. Diese Option konzentriert sich nur auf die aktive Auswahl, anstatt die gesamte Figma-Seite zu duplizieren.

    Empfohlen für große Dateien, um die Abrufleistung zu verbessern und die Dateigröße zu reduzieren.

  • Textschichten mit Übersetzungen überschreiben

    Die ausgewählten Textschichten werden mit den Übersetzungen überschrieben und im Ansichtsfenster aktualisiert.

    Diese Option wird automatisch deaktiviert, wenn für mehrere Sprachen abgerufen wird.

  • Schlüsselbezeichnungen anstelle von Inhalten anzeigen

    Standardmäßig deaktiviert. Wenn aktiviert:

    • Schlüsselbezeichnungen werden abgerufen und anstelle des übersetzten Inhalts angezeigt.

    • Die Auswahl einer Sprache für den abgerufenen Inhalt ist nicht mehr möglich.

  • Inhalt in der ausgewählten Sprache anzeigen

    Die Einstellung wird für zukünftige Sitzungen gespeichert.

    • Wenn deaktiviert, zeigt die Inhalt-Spalte den Inhalt der ausgewählten Schichten direkt an.

    • Wenn aktiviert, zeigt die Inhalt-Spalte eine Vorschau des Inhalts in der ausgewählten Sprache für verbundene Schichten an.

      • Für nicht verbundene Schichten aktivieren Sie die Option Mit vorhandenen Schlüsseln verbinden, um eine Vorschau in der ausgewählten Sprache anzuzeigen. Wenn ein Schlüssel mit demselben Namen in den abgerufenen Daten vorhanden ist, wird der Inhalt dieses Schlüssels als Vorschau verwendet.

    Diese Option wird automatisch deaktiviert, wenn für mehrere Sprachen abgerufen wird.

  • Connect with existing keys

    Steuern Sie, wie nicht verbundene Schichten behandelt werden, wenn Daten in Figma abgerufen werden. Die Einstellung wird für zukünftige Sitzungen gespeichert.

    • Wenn aktiviert, überprüft das System, ob ein Schlüssel mit demselben Namen in den abgerufenen Daten vorhanden ist.

      Wenn eine Übereinstimmung gefunden wird:

      • Nicht verbundene Schichten werden mit den übereinstimmenden Schlüsseln verbunden.

      • Der Inhalt der Schichten wird mit dem abgerufenen Inhalt von vorhandenen Schlüsseln aktualisiert.

    • Wenn deaktiviert, werden getrennte Ebenen nicht aktualisiert, selbst wenn übereinstimmende Schlüssel in den abgerufenen Daten vorhanden sind.

Wenn der Inhalt erfolgreich nach Figma abgerufen wird, wird das Pull completed Fenster mit einer Zusammenfassung der aktualisierten Ebenen angezeigt.

Beim Abrufen für mehrere Sprachen öffnet die Open key in Editor Schaltfläche den Schlüssel mit der Standardsprache des Projekts als Ausgangssprache.

Figma Buzz

Figma Buzz ist ein Tool, mit dem Marken-Designer und Marketing-Teams markengerechte visuelle Assets in großem Maßstab direkt im Figma-Ökosystem erstellen können. Es umfasst ein System von Vorlagen, einen vereinfachten Design-Editor, die Massenproduktion von Assets und KI-gestütztes Bearbeiten.

Das Phrase Strings Plug-in für Buzz ermöglicht die Lokalisierung von Textinhalten direkt innerhalb von Buzz, indem es die gleichen Funktionen wie in der Figma Design-Integration bereitstellt:

Hinweis

Live-Vorschau wird nicht unterstützt.

Das Plug-in ist im Plugins Menü in Buzz verfügbar. Sobald es aktiviert ist, kann es für die zukünftige Verwendung gespeichert und auf dem ausgewählten Design ausgeführt werden, indem es in einem Modal aus der Figma Buzz-Seitenleiste geöffnet wird. Textschichten werden automatisch erkannt und im Plug-in angezeigt.

Designinhalte können dann in ein verbundenes Strings-Projekt zur Übersetzung übertragen werden. Nach der Übersetzung können Benutzer den lokalisierten Inhalt zurück nach Buzz abrufen, was eine neue Zeile mit der übersetzten Version des Designs erstellt.

War dieser Beitrag hilfreich?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.