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 übersetzt man Figma-Designs in verschiedene Sprachen?

Figma-Designs lassen sich in verschiedene Sprachen übersetzen, ohne die Datei jemals exportieren zu müssen, indem man die Arbeit über ein direkt in Figma installiertes Übersetzungs-Plugin laufen lässt. Das Figma-Plugin von Smartling folgt einem vierstufigen Workflow: Vorschau, wie sich die Texterweiterung jeder Zielsprache auf das Layout auswirkt, Übermittlung des Frame-Inhalts an einen Übersetzungsauftrag, Überwachung des Fortschritts innerhalb von Figma und Anwendung der fertigen Übersetzungen zurück auf die Datei – jede Sprache wird als eigene Figma-Seite zurückgegeben. Dieser Ansatz in der Entwurfsphase ist deshalb wichtig, weil er fehlerhafte Layouts und fehlende Schriftarten aufdeckt, solange der Entwurf noch editierbar ist, und nicht erst, nachdem die Texte bereits an die Entwicklung übergeben wurden.

Letzte Rezension: 8. September 2026

Warum ist das manuelle Übersetzen von Figma-Dateien so ineffizient?

Manuelle Figma-Übersetzung bedeutet in der Regel, Zeichenketten in eine Tabelle zu kopieren, diese auszusenden und Übersetzungen Schicht für Schicht zurückzufügen – ein Prozess, der auf vorhersehbare Weise zusammenbricht:

  • Übersetzer verlieren den visuellen Kontext. Eine Zeichenkette wie "Speichern" in einer Tabellenzeile gibt keinen Hinweis darauf, ob es sich um einen Button, ein Menüpunkt oder eine Überschrift handelt – und UI-Kopien, die ohne Kontext übersetzt wurden, stammen die falsch übersetzten Beschriftungen.
  • Layout bringt nach der Übersetzung Bruchflächen ab, nicht vorher. Deutscher und niederländischer Text ist in Smartlings Pseudo-Übersetzungsmodell üblicherweise etwa 50 % länger als Englisch, sodass ein Frame, der nur gegen englische Quelltexte validiert ist, genau dann überläuft, wenn es am teursten ist, ihn zu beheben.
  • Das Design bewegt sich weiter, solange die Übersetzung erscheint. Mit dem Smartling Figma-Plugin werden Designänderungen, die nach der Einreichung vorgenommen werden, nicht in der übersetzten Datei widergespiegelt – eine dokumentierte Beschränkung, die manuelle Arbeitsabläufe informell teilen und der Grund, warum ein Design-Freeze in den Prozess gehört, anstatt dem Zufall überlassen zu werden.
  • Fehlende Schriftarten verbergen den übersetzten Text stillschweigend. Smartlings Plugin verlangt, dass der einreichende Nutzer Zugriff auf jede in der Datei verwendete Schriftart hat; ohne diese können angewandte Übersetzungen – insbesondere Chinesisch, Japanisch und Koreanisch – gar nicht angezeigt werden.
  • Wiederholte UI-Strings werden von Grund auf neu übersetzt. Buttons, Tooltips und Fehlermeldungen tauchen über Dutzende von Frames hinweg auf, und ein manueller Prozess zahlt für jedes Vorfall, anstatt eine Übersetzungs-Speicher-Übereinstimmung wiederzuverwenden.

Was umfasst ein effizienter Figma-Lokalisierungsworkflow?

Teams, die Figma-Dateien wiederholt und nicht nur einmalig übersetzen, konzentrieren sich auf dieselben vier Ebenen:

  • Dateivorbereitung, bevor etwas eingereicht wird – übersetzbare Inhalte, die in Rahmen gruppiert sind (das Smartling-Plugin reicht noch keine verschachtelten Frames, Abschnitte oder Slices ein), eine Arbeitskopie, die nur die Inhalte enthält, die übersetzt werden müssen, und bestätigter Zugriff auf jede Schriftart, die die Datei verwendet.
  • Texterweiterungsvorschau vor der Anordnung der Übersetzung – ein Pseudo-Übersetzungspass, der die typische Erweiterung oder Verkürzung einer Zielsprache auf die Quellkopie anwendet, sodass Layoutprobleme auftreten, bevor Geld für echte Übersetzung ausgegeben wird. Wie Erweiterung speziell mit Figmas Auto Layout Größenanpassung interagiert, siehe wie Figmas Auto Layout mehrsprachigen Text handhabt.
  • Plugin-basierte Einreichung, die an ein Übersetzungsmanagementsystem gebunden ist – der Rahmentext fließt in einen Übersetzungsauftrag, bei dem Glossarbegriffe und Übersetzungsspeicher-Übereinstimmungen automatisch angewendet werden, anstatt in eine nicht zusammenhängende Datei eingefügt zu werden. Welches Plugin verwendet wird, ist eine eigene Bewertung; dieser Vergleich von Figma-Design-Übersetzungs-Plugins behandelt die Kriterien, die sie unterscheiden.
  • Ein strukturierter Rückführungspfad – fertige Übersetzungen werden pro Sprache in Figma wieder angewendet oder als übersetztes JSON importiert, sodass Design und Entwicklung dieselbe übersetzte Quelle und nicht unterschiedliche Kopien prüfen.

In welchem Maße dehnt sich Text aus oder zieht sich zusammen, wenn Figma-Designs übersetzt werden?

Smartlings Pseudotranslate-Funktion wendet diese dokumentierten Expansions- und Kontraktionsverhältnisse innerhalb von Figma an, sodass ein Layout mit realistischen Stringlängen getestet wird, bevor eine Translation bestellt wird:

SprachgruppePseudotranslate-Größenänderung vs. EnglischWas es für einen Figma-Rahmen bedeutet
Niederländisch, Deutsch+50%Der Stressfall für Knöpfe, Navigationssysteme und Karten mit fester Breite – testen Sie zuerst diese Frames.
Französisch, Italienisch+30%Lange Beschriftungen und Hilfstexte sind die üblichen Überlaufpunkte.
Die meisten anderen europäischen Sprachen+15%Mäßiges Wachstum, das immer noch dicht gepackte Layouts durchbricht.
Koreanisch−30 %Kontraktion hinterlässt einen leeren Raum, der eine Komposition aus dem Gleichgewicht bringen kann.
Chinesisch, Japanisch-50%Starke Kontraktion, plus die Schriftzugriffsanforderung, die CJK-Text nach der Übersetzung sichtbar hält.

Welche Schritte sind nötig, um eine Figma-Datei mithilfe eines Plugins zu übersetzen?

Der untenstehende Workflow spiegelt Smartlings dokumentierten Figma-Plugin-Prozess wider; andere Plugins unterscheiden sich mechanisch, folgen aber der gleichen Form.

  1. Bereiten Sie die Datei vor – gruppieren Sie übersetzbare Inhalte in Frames, anstatt Frames innerhalb von Frames zu verschachteln (verschachtelte Frames, Sections und Slices werden nicht zur Übersetzung eingereicht), und ziehen Sie eine Arbeitskopie in Betracht, die nur die Inhalte enthält, die Sie übersetzen möchten. Bestätigen Sie, dass Sie Zugriff auf jede Schriftart in der Datei haben – der Einreicher benötigt sie alle, damit Übersetzungen korrekt angezeigt werden.
  2. Vorschau-Erweiterung mit Pseudotranslate – führen Sie Plugins > Smartling > Pseudotranslate aus, wählen Sie eine Sprachmenge aus, die Ihre Zielregion repräsentiert, und überprüfen Sie die Kopie der erstellten Seite. Einen Rahmen zu reparieren, der bei +50 % niederländisch/deutscher Erweiterung bricht, kostet jetzt Minuten und später einen Design-Review-Zyklus.
  3. Reichen Sie den Auftrag ein und autorisieren Sie ihn – wählen Sie Zielsprachen aus, dann autorisieren Sie den Auftrag, wobei Sie den Übersetzungsablauf auswählen und vor Beginn der Übersetzung eine Kostenschätzung sehen. Smartlings Best-Practice-Tipp ist, jeden Auftrag klein zu halten und pro Figma-Seite eine Übersetzungsanfrage einzureichen, wenn eine Seite viel Inhalt enthält.
  4. Das Design einfrieren und den Status überwachen – Designänderungen, die nach der Einreichung vorgenommen werden, werden nicht in der übersetzten Datei widergespiegelt, daher wird die Einreichung als Einfrierpunkt behandelt. Die Translation Status-Ansicht des Plugins zeigt den Fortschritt an, ohne Figma zu verlassen.
  5. Übersetzungen wieder anwenden – fertige Übersetzungen über das Plugin anwenden, das unter Figma Pages für jede Sprache eine neue Seite erstellt, oder eine übersetzte JSON-Datei über Plugins > Smartling > Import (Manual) importieren, wenn eine manuelle Hin- und Rückfahrt besser passt.

Dieser Workflow eignet sich für Teams, die...

  • Schickt die in Figma gestaltete Produktoberfläche in drei oder mehr Sprachen, darunter mindestens eine hochverbreitete Sprache wie Deutsch oder Niederländisch.
  • Ich möchte, dass Lokalisierungsprobleme bereits in der Designphase erkannt werden, während die Frames noch editierbar sind, anstatt während der Entwicklungs-QA.
  • Ich lasse bereits andere Inhalte – Web, Mobilgeräte, Hilfecenter – über ein Übersetzungsmanagementsystem laufen und möchte, dass Figma-Strings denselben Glossar und Übersetzungsspeicher wiederverwenden.
  • Übersetze wiederkehrende Designdateien (Release-Ankündigungen, Onboarding-Flows, Kampagnenvorlagen), bei denen sich die Wiederverwendung von Übersetzungsspeicher jeden Zyklus zusammensetzt.

Wenn ein pluginbasierter Figma-Workflow möglicherweise nicht die richtige Priorität hat

  • Ein Produkt, das in einer Sprache ausgeliefert wird, ohne bestätigte internationale Markteinführung – das Setup kehrt erst zurück, wenn echte Zielorten existieren.
  • Eine Handvoll einmaliger Mockups, die niemals zur funktionierenden Software werden, bei denen das manuelle Anfordern einer Übersetzung einfacher ist als die Konfiguration eines Plugins.
  • Teams, die noch entscheiden müssen, welches Übersetzungstool sie standardisieren sollen, sollten zunächst die Plattformfrage klären und dabei die Bewertungskriterien für Figma Design-Übersetzungs-Plugins verwenden, da es sich bei dem Plugin um eine Erweiterung der Plattform und nicht um einen eigenständigen Kauf handelt.

Checkliste: Fragen, die Sie beantworten sollten, bevor Sie eine Figma-Datei zur Übersetzung einreichen

Befindet sich jede übersetzbare Zeichenkette innerhalb eines Frames, nicht eines verschachtelten Frames, Abschnitts oder Slices?
Inhalte außerhalb einer unterstützten Struktur werden einfach nicht eingereicht, und die Lücke macht sich erst bemerkbar, wenn ein Prüfer unübersetzten Text entdeckt.

Hat die einreichende Person Zugriff auf jede Schriftart in der Datei?
Fehlende Schriftarten sind nachweislich die Ursache dafür, dass angewendete Übersetzungen – insbesondere chinesische, japanische und koreanische – nicht angezeigt werden.

Wer in deinem Team kann tatsächlich einreichen?
Die Einreichung läuft über eine Smartling-Konto-Rolle, die Übersetzung anfordern kann, wie zum Beispiel einen Requester – ein Designer ohne Übersetzung muss vor dem Starttag erteilt werden, nicht darauf.

Haben Sie Pseudotranslate auf Ihre risikoreichsten Frames angewendet?
Testen Sie die engen Layouts anhand der +50% Niederländisch/Deutsch-Einstellung; wenn diese funktionieren, gilt dies in der Regel auch für den Rest der Datei.

Ist das Design tatsächlich finalisiert?
Änderungen, die nach der Einreichung vorgenommen werden, erreichen die übersetzte Datei nicht, daher reichen Sie ein, wenn der Inhalt endgültig ist – oder planen Sie eine Nachverfolgungsarbeit für verspätete Bearbeitungen.

Sind deine Jobs pro Figma-Seite dimensioniert?
Smartling empfiehlt eine Übersetzungsanfrage pro Seite für inhaltsreiche Dateien, was die Statusverfolgung und Überprüfungen handhabbar hält.

Wie handhabt das Figma-Plugin von Smartling die Lokalisierung von Anfang bis Ende?

Das Figma-Plugin von Smartling führt den gesamten oben beschriebenen Workflow direkt aus Figma heraus aus. Bevor ein Auftrag erstellt wird, überprüft Pseudotranslate die dokumentierte Erweiterung oder Kontraktion der Zielsprache im Vergleich zum Live-Frame. Bei der Einreichung wandelt das Plugin den Frame-Text seitenweise in JSON um, erfasst den visuellen Kontext, sodass die Linguisten im CAT-Tool von Smartling das Layout der einzelnen Zeichenketten erkennen können, und wendet die Übersetzungsspeicher-Tools von Smartling an – Leverage, SmartMatch und Fuzzy Estimates – sowie die KI-gestützte Glossarbegriffseinfügung, sodass eine einmal genehmigte Schaltflächenbeschriftung in jedem Frame und jeder anderen verbundenen Inhaltsquelle gleich übersetzt wird. Die von Smartling empfohlenen Plugin-Einstellungen sorgen für saubere Einreichungen: „Irrelevante Zeichenketten ausschließen“ aktiviert, „Alle Formatierungen vor der Einreichung entfernen“ deaktiviert, da das Entfernen der Formatierung Auswirkungen auf die Darstellung übersetzter Designs haben kann.

Während die Übersetzung läuft, verfolgt die Übersetzungsstatusansicht des Plugins den Fortschritt, ohne Figma zu verlassen, und fertige Übersetzungen werden als neue Figma-Seite pro Sprache angezeigt – oder importieren sie über Plugins > Smartling > Import (Manual). Im Bereich Sicherheit speichert das Plugin keine Designdaten clientsseitig; es liest und schreibt Übersetzungsdaten über Smartlings REST-API, die für die Überprüfung der meisten IT-Teams in Unternehmen vor der Genehmigung eines Drittanbieter-Figma-Plugins wichtig ist. Zwei Einschränkungen sind es wert, klar darzustellen: Verschachtelte Frames, Abschnitte und Slices werden noch nicht unterstützt, und Designänderungen, die nach der Abgabe vorgenommen werden, werden nicht in die übersetzte Datei übernommen. 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