Neu in Figma: Schlüsselverwaltung, Varianten & JSON-Export

Das Smartcat Figma-Plugin hat gerade ein großes Upgrade für den Asset-Übersetzungsmodus erhalten: Jedes Textobjekt erhält nun einen verwaltbaren Key, ein Element kann mehrere Inhaltsvarianten enthalten, und Sie können Ihre gesamte Lokalisierung als entwicklerfertige JSON-Datei exportieren. All dies ist ab sofort für jeden Benutzer verfügbar, ohne dass eine separate Aktivierung erforderlich ist.

Reibungslosere Übergabe an die Entwicklung. Jedes Textobjekt erhält einen automatisch generierten Key, den Sie jederzeit umbenennen können. Das bedeutet, dass Ihre Figma-Inhalte direkt den Keys zugeordnet werden, die Ihr Entwicklungsteam bereits im Code verwendet.

Ein Design, viele Inhaltsstatus. Durch Varianten kann ein einzelnes Textobjekt mehrere Inhalte (z. B. Leerstatus, Ladestatus, Fehlerstatus) unter einem Element aufnehmen, jeweils mit einem eigenen Key. Kein Duplizieren von Ebenen mehr, nur um alternative Texte anzuzeigen.

Design-to-Code in einem Export. Der JSON-Export verwandelt Ihre fertige Lokalisierung in eine strukturierte Datei, die jeden Key, Ausgangstext, jede Übersetzung und Variante enthält – bereit, um direkt in die Lokalisierungsressourcen Ihrer Software integriert zu werden.

Weniger doppelte Strings. Wenn Sie ein Smartcat-Projekt über das Plugin erstellen, werden Segmente mit demselben Key automatisch zusammengeführt. So sehen und übersetzen Übersetzer jeden String nur einmal, unabhängig davon, wie oft er in Ihren Designs vorkommt.

Integrierte Konflikterkennung. Wenn derselbe Key zwei verschiedenen Texten zugewiesen wird, markiert das Plugin dies sofort auf der Registerkarte „Error“, sodass Namenskonflikte erkannt werden, bevor sie einen Übersetzer oder Entwickler erreichen.

1. Öffnen Sie den Tab „Keys and Variants“. Hier wird jedes Textobjekt in Ihrer Datei zusammen mit seinem Key aufgelistet. Keys werden automatisch generiert, oder Sie können für jedes Objekt manuell einen festlegen.

2. Fügen Sie Varianten hinzu, wo Sie sie benötigen. Wählen Sie ein Textobjekt aus und klicken Sie auf + Add variant, um einen alternativen Inhalt anzuhängen. Jede Variante erhält ihren eigenen automatisch generierten (oder manuellen) Key, und Sie können zwischen den Varianten wechseln, um jede direkt auf der Figma-Arbeitsfläche in der Vorschau anzuzeigen.

3. Beheben Sie Key-Konflikte. Wenn zwei verschiedene Textinhalte denselben Key verwenden, zeigt das Plugin dies auf der Registerkarte „Fehler“ an. Beheben Sie das Problem, indem Sie den Text angleichen oder einen der Keys ändern, wobei die Änderung auf alle übereinstimmenden Instanzen gleichzeitig angewendet wird.

4. Markieren Sie Inhalte als übersetzbar oder nicht übersetzbar. Schalten Sie ein beliebiges Textobjekt auf „nicht übersetzbar“ um; es bleibt auf der Registerkarte „Keys und Varianten“ sichtbar, wird aber separat auf der neuen Registerkarte „Nicht übersetzbar“ gesammelt.

5. Erstellen Sie Ihr Smartcat-Projekt. Starten Sie die Übersetzung direkt aus dem Plugin heraus. Segmente mit demselben Key werden automatisch zusammengeführt. Wenn Sie das Segment einer Variante fokussieren, wird genau diese Variante in der Figma-Vorschau angezeigt. So ist die Überprüfung übersetzter Varianten genauso einfach wie die des Ausgangstextes.

Übersetzungen können auch direkt auf dem Canvas oder in der Übersetzungsliste bearbeitet werden. Eine manuell bearbeitete Übersetzung wird durch Sofort übersetzen nicht überschrieben, kann aber dennoch aktualisiert werden, wenn Inhalte mit Smartcat synchronisiert werden.

6. Als JSON exportieren. Sobald die Übersetzungen vorliegen, klicken Sie auf JSON exportieren, um eine Datei herunterzuladen, die die Figma-Node-ID, den Key, den Ausgangstext, die Übersetzungen pro Sprache und alle Varianten jedes Objekts auflistet – bereit zur Übergabe an die Entwicklung.

Öffnen Sie das Smartcat-Plugin in Figma und wechseln Sie in den Asset-Übersetzungsmodus.

Die neue Registerkarte Keys und Varianten befindet sich neben den bestehenden Registerkarten, wobei Nicht übersetzbar und JSON exportieren im selben Panel verfügbar sind.

Wenn Sie im Software-Lokalisierungsmodus arbeiten, beachten Sie zwei umbenannte Registerkarten: Textobjekte heißt jetzt Keys und Ausgeblendet heißt jetzt Nicht übersetzbar. Der Workflow selbst hat sich nicht geändert, und Varianten werden in diesem Modus nicht unterstützt.

Dies wurde für Design- und Produktteams entwickelt, die mehrsprachige Benutzeroberflächen bereitstellen, sowie für die Entwickler, die deren Ergebnisse nutzen. Designer erhalten eine übersichtlichere Möglichkeit, wiederkehrende und zustandsbasierte Inhalte zu verwalten, ohne ihre Dateien zu überladen. Lokalisierungsteams müssen weniger doppelte Strings übersetzen, und Entwickler erhalten eine fertige JSON-Ressourcendatei, anstatt Figma-Texte manuell mit ihren Lokalisierungs-Keys abgleichen zu müssen.