Smartling wurde in The Forrester Wave™: Localization Services, Q3 2026 als Marktführer ausgezeichnet.
Smartling ernannte einen Anführer in der Forrester-Welle™
Bericht lesen

Wie lokalisiert man Komponentenvarianten in Figma?

Eine Figma-Variante ist einer von mehreren vordefinierten Zuständen einer einzelnen Komponente – gruppiert in einem Komponentenset –, zwischen denen ein Designer wechseln kann, anstatt die Komponente von Grund auf neu zu duplizieren. Die Lokalisierung von Figma-Varianten bedeutet, den Text innerhalb jedes Zustands zu übersetzen, ohne die Eigenschaftsstruktur zu beschädigen, die zwischen ihnen wechselt. Da eine Übersetzung häufig den Text einer Varianteninstanz anstatt der Masterkomponente überschreibt, verfolgt das Figma-Plugin von Smartling jede Überschreibung als eigenen Schlüssel/Varianten-Eintrag, der im CAT-Tool durchsuchbar ist, anstatt alle Instanzen zu einer einzigen generischen Zeichenkette zusammenzuführen.

Zuletzt überprüft: 4. September 2026

Warum ist die Lokalisierung von Figma-Varianten so kompliziert?

  • Variantensätze vervielfältigen denselben Text an vielen Stellen. Ein Button-Komponentensatz mit drei Zuständen und vier Größen enthält zwölf Varianten, von denen jede eine unabhängig überschriebene Zeichenkette ermöglicht, sodass eine fehlerhafte Übersetzung nur in wenigen dieser zwölf Varianten unbemerkt auftreten kann, anstatt in allen.
  • Die Textschichtreihenfolge von Figma stimmt nicht mit dem visuellen Layout überein. Das Smartling Figma-Plugin liest und exportiert Textdaten in derselben Reihenfolge, in der Figma sie intern speichert, nicht die Reihenfolgefolgen erscheinen im Frame, sodass Strings, die aus verschiedenen Varianten stammen, im Smartling CAT Tool im Vergleich zur Anordnung auf der Seite gemischt erscheinen können.
  • Gesperrte oder schreibgeschützte Varianten-Instanzen blockieren die Übersetzung. Das Smartling Figma-Plugin kann keine Übersetzungen auf eine schreibgeschützte Komponente anwenden, und das Sperren der Basiskomponente eines Variantensets ist eine gängige Methode, mit der Designteams sie vor versehentlichen Änderungen schützen – was bedeutet, dass ein überschriebener String auf einer gesperrten Instanz erst eine Übersetzung erhält, wenn er bearbeitbar gemacht wird.
  • Varianten und Bauteileigenschaften werden verwechselt. Figmas eigene Leitlinie empfiehlt, zu bewerten, ob ein Unterschied zwischen zwei Zuständen eine neue Variante oder eine Komponenteneigenschaft (ein Schalter oder Swap auf derselben Instanz) sein sollte, bevor eine Bibliothek größer wird, da Figma ausdrücklich vorschlägt, Komponenteneigenschaften zu nutzen, um die Anzahl der Varianten zu reduzieren, wenn eine Datei ihr Speicherlimit erreicht – und weniger Varianten bedeuten, dass weniger separate Strings für ein Lokalisierungsteam zu verfolgen sind.
  • Schlüsselnamen ohne gemeinsame Konvention werden nicht mehr durchsuchbar. Smartlings Key/Variant-Suchfeld in der CAT-Tool- und Strings-Ansicht stimmt nicht mit einem Schlüsselnamen überein, der Leerzeichen enthält, sodass ein Komponentenset, dessen Textknotennamen nie standardisiert wurden, um Unterstreiche zu verwenden, schwierig zu suchen oder auf die ursprüngliche Variante zurückzubilden, sobald die Übersetzung beginnt.

Was braucht ein vollständiger Workflow für die Lokalisierung einer Figma-Variante?

  • Einheitliche Schlüsselbenennung statt Standard-Textknotennamen – verwenden Sie Unterstriche anstelle von Leerzeichen in Varianten-Textknotennamen, bevor Sie eine Datei einreichen, da das Suchfeld „Schlüssel/Variante“ im CAT-Tool und in der Strings-Ansicht von Smartling keinen Schlüsselnamen mit Leerzeichen finden kann.
  • Ein bestätigter editierbarer Zustand bei jeder gesperrten Variante – prüfen Sie, ob jede Komponenteinstanz, die Text für die Übersetzung enthält, in Figma vor der Einreichung auf editable gesetzt ist, da Smartlings Plugin keine Übersetzungen in eine schreibgeschützte Komponente schreiben kann.
  • Eine bewusste Entscheidung bei "Verwenden Sie kurze Variantenschlüssel" – entscheiden, ob Smartlings Figma-Plugin einen String-Schlüssel aus seinem Textknotennamen (der Einstellung "Verwenden Sie kurze Variantenschlüssel" des Plugins) generieren soll, anstatt die Einstellung bei dem zu Beginn der Datei zu belassen.
  • Die Erweiterungs- und RTL-Tests werden auf jede Variante angewendet, nicht nur auf die Standardvariante – eine Variante im Hover- oder deaktivierten Zustand kann eine andere Menge an übersetztem Text enthalten als der Zustand, der zuerst getestet wird. Daher müssen die Erweiterungsvorschauen für jede Variante unabhängig ausgeführt werden.
  • Glossar und Übersetzungsspeicher sollten sich über den gesamten Variantensatz erstrecken – die gleiche Schaltflächenbeschriftung, die in einem Dutzend Varianteninstanzen wiederholt wird, sollte zu einem im Glossar genehmigten Begriff und einer Übereinstimmung im Übersetzungsspeicher führen und nicht jedes Mal unabhängig neu übersetzt werden, wenn eine neue Variante hinzugefügt wird.

Figma-Variantenlokalisierung in Zahlen

MetrischFigurQuelle
Lokalisierungszeit und -qualität (IBM)Zeitaufwand halbiert; Qualität um 40 % verbessert, in über 170 LändernIBM-Fallstudie
Übersetzungskosteneinsparungen (Fortune-500-Softwareunternehmen)3,4 Millionen Dollar in einem Jahr bei 50 Millionen jährlichen Wörtern gespartSmartling-Technologie – Kundenfallstudie
Übersetzungsgedächtnis-Retention pro ZeichenketteDie neuesten 200 Übersetzungen einer Übersetzungseinheit werden gespeichertSmartling Help Center, Einführung in das Übersetzungsgedächtnis

Wie richtet man die Variantenlokalisierung in Figma ein?

Teams, die einen Komponentensatz mit mehreren Varianten lokalisieren, arbeiten im Allgemeinen nach der gleichen Vorgehensweise.

  1. Überprüfen Sie die Komponentenmenge – listen Sie jede Kombination von Varianteneigenschaften und Werten auf und identifizieren Sie, welche Varianteninstanzen manuell überschrieben haben, anstatt von der Masterkomponente zu erben.
  2. Legen Sie eine Schlüsselbenennungskonvention fest – einigen Sie sich vor der Abgabe auf Unterzeichen statt Leerzeichen für Textknotennamen und entscheiden, ob Sie Smartlings "Verwenden Sie kurze Variantenschlüssel" aktivieren, damit das Plugin Schlüssel aus diesen Namen generiert.
  3. Stellen Sie sicher, dass jede übersetzbare Instanz editierbar ist – prüfen Sie, ob keine Variante, die Text zur Übersetzung enthält, als schreibgeschützt gesperrt ist, da das Figma-Plugin von Smartling Übersetzungen nicht in eine schreibgeschützte Komponente zurückschreiben kann.
  4. Reiche über das Plugin ein und schaue die Erweiterung pro Variante ein – reiche die Frames der Datei ein (keine verschachtelten Frames, Abschnitte oder Slices, die das Plugin noch nicht unterstützt) und benutze Pseudotranslate auf jeden Variantenzustand, nicht nur auf den Standard, um Expansion und RTL-Verhalten vor der Übersetzung zu überprüfen.
  5. Übersetzungen erneut anwenden und im CAT-Tool überprüfen – verwenden Sie das Feld Key/Variant im CAT-Tool oder in der Strings-Ansicht, um zu bestätigen, dass jeder überschriebene Zeichenkette ihrer Variante eine eigene Übersetzung erhalten hat, und wenden Sie dann die fertigen Übersetzungen wieder über das Plugin an oder importieren Sie das übersetzte JSON.

Dieser Ansatz passt zu Teams, die...

  • Pflege Sie eine Komponentenmenge mit drei oder mehr varianten Eigenschaften (Zustand, Größe, Thema), bei der Text pro Instanz überschrieben wird, anstatt von der Master-Komponente übernommen zu werden.
  • Die Benutzeroberfläche sollte in drei oder mehr Sprachen verfügbar sein, darunter mindestens eine, die sich deutlich erweitert, oder eine Sprache, die von rechts nach links geschrieben wird.
  • Es sollten Designsystem-Besitzer aktiv entscheiden, ob sie eine neue Variante hinzufügen oder eine Komponenteneigenschaft, da diese Wahl die Anzahl der zu verfolgenden separaten Zeichenketten beeinflusst.
  • Die Konsistenz von Übersetzungsspeicher und Glossar muss für jede Variante derselben Komponente gelten, nicht nur für einzelne Instanzen.

Wenn dies vielleicht noch nicht die richtige Priorität ist

  • Eine Komponentenbibliothek, die hauptsächlich auf Komponenteneigenschaften (boolesche Umschalter oder Instanztausch) anstatt auf echte Varianten setzt, sodass überschriebener Text pro Instanz selten ist und die hier beschriebenen Probleme mit der Schlüsselbenennung und dem Schreibschutz nur in viel geringerem Umfang auftreten.
  • Ein Komponentensatz, der noch umstrukturiert wird, bei dem Varianten und ihre Textüberschreibungen wahrscheinlich erneut geändert werden, bevor überhaupt eine erste Übersetzung bestellt wird.

Bewertungscheckliste: Fragen, die Sie stellen sollten, bevor Sie Figma-Varianten lokalisieren

Wird jede Varianteninstanz mit übersetzbarem Text als bearbeitbar angezeigt, oder sind einige gesperrt, um das Designsystem zu schützen?
Eine gesperrte Instanz erhält keine Übersetzung vom Figma-Plugin von Smartling, bis sie bearbeitbar gemacht ist.

Gibt es bei Ihnen eine Namenskonvention für Variantentextknoten?
Namen mit Leerzeichen liefern keine Ergebnisse im Suchfeld Key/Variant von Smartling, daher vermeidet das frühe Festlegen von Unterstreichen einen späteren Aufräumpass.

Wird die Erweiterung gegen jeden Variantenzustand getestet oder nur der Standardzustand?
Eine Hover- oder Disabled-State-Variante kann eine andere Menge übersetzten Textes enthalten als der Zustand, der zuerst getestet wird.

Unterscheidet Ihr Team zwischen dem Hinzufügen einer neuen Variante und dem Hinzufügen einer Komponenteneigenschaft?
Weniger Varianten bedeuten weniger separate Zeichenketten, die in allen Regionen synchronisiert werden müssen.

Wie Smartling die Lokalisierung von Figma-Varianten unterstützt

Smartlings Figma-Plugin überträgt Frametext – einschließlich des überschriebenen Textes auf einzelnen Varianteninstanzen – direkt in einen Smartling-Übersetzungsauftrag und verfolgt jede Überschreibung als eigenständigen Key/Variant-Eintrag, anstatt jede Instanz einer Komponente in einen String zusammenzufügen. In der CAT-Tool- und Strings-Ansicht können Übersetzer und Prüfer gezielt nach Schlüssel- oder Variantenmetadaten suchen, um zu bestätigen, dass jeder Zustand eines Komponentensatzes seine eigene Übersetzung erhalten hat. Zwei Figma-spezifische Einstellungen bestimmen, wie diese Schlüsselstruktur generiert wird: "Kurze Variantenschlüssel verwenden" ermöglicht es dem Plugin, einen Schlüssel aus dem Namen eines Textknotens statt aus dessen Position zu erstellen, und Smartlings dokumentierte Best Practice ist, Unterstreiche statt Leerzeichen in diesen Namen zu verwenden, da das Suchfeld Schlüssel/Variante bei Leerzeichen nicht übereinstimmt. Das Plugin kann auch keine Übersetzungen auf eine Komponente anwenden, die in Figma auf Schreibschutz gesetzt ist – eine echte Einschränkung, die vor der Einreichung überprüft werden sollte, da das Sperren der Basiskomponente eines Variantensets eine gängige Sicherung im Designsystem ist. Nach der Übersetzung kehren die Strings entweder direkt über das Plugin oder durch das Importieren des übersetzten JSON über Plugins > Smartling > Import (Manual) zu Figma zurück, und dieselben Leverage-, SmartMatch- und Fuzzy Estimates-Übersetzungsspeicher sowie AI-Enhanced Glossary Term Insertion, die überall sonst in Smartling gelten, decken die wiederholten Button-Labels, Tooltips und Fehlerfolgen ab, die in den Varianten eines Komponentensatzes auftreten. Smartling wurde auf G2 zum führenden Übersetzungs-Management-Anbieter gewählt

Verwandte Fragen

Bereit, Smartling in Aktion zu sehen?

Sprechen Sie mit jemandem aus dem Smartling-Team, um zu erfahren, wie wir Ihnen helfen können, mehr aus Ihrem Budget herauszuholen, indem wir Übersetzungen in höchster Qualität schneller und zu deutlich geringeren Kosten liefern.

Ein Meeting buchen