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)

Kontaktiere Vertrieb für Fragen zur Lizenzierung.

Tipp

Informationen zur Figma Integration in Phrase TMS findest du in Figma (TMS).

Mit dem Figma Plug-in können designbezogene Inhalte in phrase Projekte integriert werden und so die Lücke zwischen Produktdesign- und Lokalisierungsteams überbrücken. Das Plug-in unterstützt Inhalte, die zwischen Figma und Phrase Strings verschoben, übersetzt und verwaltet werden.

  • Branching wird unterstützt.

  • Es muss auf mindestens ein Projekt und eine Sprache mit User-Rechten für Übersetzer zugreifen. Auf diese Weise kann durch eine Administratorrolle oder Projektmanagement eine Einladung erteilt werden.

  • Das Plug-in sendet Screenshots von automatischen Layoutrahmen, die keine untergeordneten Elemente sind.

  • Ausgeblendete Textschichten sind standardmäßig nicht Bestandteil der Integration. Dies kann in den Einstellungen Setup_gear.png geändert werden, indem Ausgeblendete Ebenen oder Frames in Auswahl einschließen ausgewählt wird.

  • Alle Änderungen an den Standardeinstellungen Setup_gear.png des Plug-ins werden gespeichert und bleiben bestehen.

Installieren und Verbinden des Figma Plug-ins

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

Die Verbindung von Figma zu Phrase kann entweder mit der Angabe von Phrase Anmeldeinformationen oder einem Zugriffstoken erfolgen.

Wenn die Verbindung hergestellt ist, lädt die Auswahl eines Frames eine Vorschau der Inhalte und Keys in Figma, die User in Phrase Strings pushen oder pullen können.

Mit dem Tab Keys verbinden können Figma Ebenen mit Keys verbunden werden, die bereits in einem Strings Projekt vorhanden sind. Wenn die Benennungskonvention sowohl für die Ebenen als auch für die Keys identisch ist, können diese automatisch angepasst werden.

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

  • Phrase Strings

    Klicke hier, um das Plug-in zu öffnen.

  • Text in Strings anzeigen

    Wird in Figma Dateien angezeigt, die mit einem Strings Projekt verbunden sind. Klicken Sie, um das betreffende Projekt im Translation Editor zu öffnen.

Push Inhalt

Der Push Inhalt an phrase Tab ermöglicht das Senden von Frames oder Textschichten von Figma an Phrase Strings zur Lokalisierung. Es ist nicht möglich, Inhalte in einen geschützten Main Branch zu pushen.

push_content.png

Projekt, Branch (falls verwendet) und Sprache für die zu pushenden Inhalte auswählen. Optional kannst du einen benutzerdefinierten Tag eingeben, um die hochgeladenen Keys hinzuzufügen.

Klicke auf das Menü Ansichtsoptionen 3dots_icon.jpeg, 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 Ausgeblendete Ebenen oder Frames in Auswahl einschließen aktiviert ist, wird bei ausgeblendeten Textschichten, die mit dem Figma Plug-in importiert werden, eine Markierung in der oberen linken Ecke des Screenshots platziert.

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

      Es wird empfohlen, diese Option aktiviert zu lassen, wenn beim Arbeiten mit dem Plug-in Leistungsprobleme auftreten.

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

  • Key Namen aktualisieren in Phrase Strings ist standardmäßig aktiviert, es sei denn, der Job mit Key Namen in Figma ist deaktiviert.

    Wenn du diese Option ausschaltest, werden alle Key Name Eingaben zurückgesetzt.

Leere oder doppelte Key Namen werden in der Spalte Inhalt mit einem roten Zähler gekennzeichnet. Um lange Listen mit Key Namen zu verwalten, verwende das Dropdown-Menü Sortieren nach sort_filter.jpeg, um unvollständige Key Namen zuerst oder duplizierte Key Namen zuerst anzuzeigen.

Notiz

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

Die Schaltfläche push to phrase ist deaktiviert, wenn Key Name Inputs empty sind, ungültige Zeichen enthalten und nicht eindeutig sind, wenn ein geschützter Main Branch ausgewählt ist.

Wähle die Einstellung Job mit Key Names, um Key Nameingaben zu bearbeiten und Namenskonflikte zu lösen. Falls erforderlich, wähle die gewünschten Keys aus und klicke oben in der Tabelle auf Schichten ausschließen, um diese Schichten aus dem Plug-in zu entfernen.

Wenn es getrennte Ebenen mit widersprüchlichen Key gibt, auswählen eine der verfügbaren Auflösungsoptionen, um fortzufahren:

  • Key Kopien in Phrase Strings erstellen 

    Erstellt neue Keys mit Copy-Suffix.

  • Mit vorhandenen Keys verbinden 

    Verknüpft Ebenen mit vorhandenen Phrase Keys.

  • Pushe widersprüchliche Keys nicht 

    Pushes nur nicht-konfliktreiche Ebenen.

Wenn Ebenen erfolgreich an Strings gepusht werden, wird das Fenster Push abgeschlossen mit einer Zusammenfassung und den folgenden Optionen angezeigt:

  • Job erstellen  

    Klicken Sie, um die Seite Job erstellen mit den vorgewählten Tasten zu öffnen.

  • In Strings öffnen 

    Klicke hier, um die verschobenen Keys im Strings Editor anzuzeigen.

Key Benennung konfigurieren

Der Abschnitt Key Benennung der Plug-in Einstellungen Setup_gear.png ermöglicht das Einrichten der Benennungskonvention für verbundene Keys.

Um Key Namen in Figma anzupassen, folge diesen Schritten:

  1. Klicke in den Einstellungen für die Key Benennung auf Smart Key aktivieren.

  2. In Figma Job mit Key Namen auswählen.

    Notiz

    Wenn Textschichtnamen mit Keys synchronisieren aktiviert ist, werden Schlüsselnamen automatisch auf der Grundlage von Textschichtnamen generiert.

  3. Gib im Feld Key Name Generation Text ein, um die Benennung benutzerdefinierter Keys zu definieren:

    • Optional klicke auf Verfügbare Makros, um eines der erfügbaren Makros auszuwählen und Key Namen automatisch zu generieren.

      Es können mehrere Makros ausgewählt werden, um den Key Name zu erstellen.

    • Es ist möglich, im Feld Key Name Generation Freitexte und Makros zu kombinieren.

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

  4. Falls erforderlich, wähle eine Formatierungsoption aus dem Dropdown-Menü Formatierungskonvention, um Text entsprechend zu ändern und Leerzeichen zu entfernen.

Wende beim Pushen von Inhalten an Phrase Strings die neu erstellte Benennungskonvention auf zuvor verbundene Keys an, indem du entweder

  • Klicke unten in der Tabelle auf das update refresh_icon.jpg Symbol.

  • Auswählen bestimmter Keys und Klicken oben in der Tabelle auf Keynamen neu generieren.

Verfügbare Makros

Makro

Beschreibung

{file_name}

Der Name der Figma Datei

{page}

Die Figma Seite, auf der der Key identifiziert wird

{parent_section}

Der Abschnitt auf höchster Ebene im Seitenbaum

{nearest_section}

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

{frame}

Der Frame, in dem der Key identifiziert wird

{parent_group}

Die höchste Gruppe im Seitenbaum

{nearest_group}

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

{component}

Der Name der Figma Komponente, in der sich der Key befindet. Es werden nur Ausgangssprachen berücksichtigt.

{element_name}

Der Name der Textschicht

{element_content}

Der Inhalt aus der Textebene

{random}

Ein zufällig generierter einzigartiger kurzer Hash

Keys verbinden oder trennen

Beim Pushen von Inhalten können User Ebenen mit vorhandenen Keys in Phrase Strings verbinden oder neue generieren.

Wähle den Tab Tasten verbinden aus, um eine Übersicht der verbundenen und getrennten Tasten anzuzeigen.

connect_keys.jpeg

Bereits verbundene Keys sind in der Spalte Key-Name mit einem Link-Symbol blue_link.jpeg gekennzeichnet. Falls erforderlich, auswählen das Projekt, den Branch (falls verwendet) und die Sprache aus oder klicke auf das Suchsymbol, um die gewünschten Inhalt zu finden.

Wähle Keys verbinden aus, um alle nicht verknüpften Keys im Tab massenhaft zu verbinden. Um einzelne Keys zu verbinden oder zu trennen, klicke auf das entsprechende Symbol rechts neben dem entsprechenden Eintrag.

Notiz

Die Option, einzelne Keys zu trennen, ist auch im Tab Inhalt zu phrase verfügbar.

Pull Translations

Sobald die Übersetzungen Abgeschlossen sind, wähle die Figma Ebenen oder Frames für die Übersetzungen pull aus und klicke auf den Tab Pull Content to Figma.

pull_content.jpeg

Benutzer können Projekt, Branch (falls verwendet) und Sprache für den abgerufenen Inhalt auswählen. Tags können nicht auf Figma zurückgenommen werden.

Um lange Listen mit Key Namen zu verwalten, verwende das Dropdown-Menü Sortieren nach sort_filter.jpeg, um zuerst unvollständige Key Namen anzuzeigen und mögliche Probleme zu beheben. Falls erforderlich, wähle bestimmte Keys aus und klicke oben in der Tabelle auf Schichten ausschließen, um diese Schichten aus dem Plug-in zu entfernen.

Notiz

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

Klicke auf das Menü Ansichtsoptionen 3dots_icon.jpeg, um auszuwählen, wie gezogene Inhalte in Figma angezeigt werden sollen:

  • Neue Seite mit übersetzten Inhalten erstellen

    Standardmäßig ausgewählt.

  • Textebenen mit Übersetzungen überschreiben

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

  • Key Namen statt Inhalt anzeigen

    Standardmäßig deaktiviert. Wenn aktiviert:

    • Anstelle des übersetzten Inhalts werden Key Namen gezogen und angezeigt.

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

  • Vorschau von Inhalten in ausgewählter Sprache

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

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

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

      • Aktiviere für getrennte Ebenen die Option Mit vorhandenen Keys verbinden, um eine Vorschau in der ausgewählten Sprache anzuzeigen. Wenn in den abgerufenen Daten ein Key mit demselben Namen existiert, wird der Inhalt dieses Key als Vorschau verwendet.

  • Mit vorhandenen Keys verbinden

    Steuern Sie, wie getrennte Ebenen beim Abrufen von Daten in Figma gehandhabt werden. Die Einstellung wird für zukünftige Sitzungen gespeichert.

    • Wenn diese Option aktiviert ist, überprüft das System, ob in den abgerufenen Daten ein Key mit dem gleichen Namen existiert.

      Wenn ein Match gefunden wird:

      • Nicht verbundene Ebenen werden mit den passenden Keys verbunden.

      • Der Inhalt der Ebenen wird mit dem abgerufenen Inhalt aus vorhandenen Keys aktualisiert.

    • Wenn deaktiviert, werden getrennte Ebenen nicht aktualisiert, auch wenn in den abgerufenen Daten übereinstimmende Keys vorhanden sind.

Wenn Inhalte erfolgreich in Figma gezogen werden, wird das Fenster Pull abgeschlossen mit einer Zusammenfassung der aktualisierten Ebenen angezeigt.

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.