Integrationen

Sketch (Strings)

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

Wichtig

Das Phrase Strings Sketch Plug-in wird eingestellt und ab dem 15. Juli 2026 nicht mehr unterstützt.

Verfügbar für

  • Alle bezahlten Pläne

Verfügbar für

  • Advanced- und Enterprise-Plan (Legacy)

Kontaktiere Vertrieb für Fragen zur Lizenzierung.

Sketch ist ein Vektorgrafik-Editor für macOS. Er wird hauptsächlich für das User Interface- und User Experience-Design von Websites und mobil Apps verwendet.

Das Sketch Plug-in ermöglicht die Synchronisierung von Content aus Designs in Sketch mit Zeichenfolge-Management-Projekten. Content wird im Editor übersetzt und nach dem Abschließen zurück zu Sketch synchronisiert.

Die Integration unterstützt die Verwendung von branches.

Locales müssen innerhalb eines Projekts für das Setup der Synchronisierung eingerichtet werden, damit der Job funktioniert, und Übersetzern müssen explizit Rechte zum hochladen von Content erteilt werden.

Bei Verwendung der Vorübersetzung wird diese nur auf neu hochgeladene Keys angewendet. Die Vorübersetzung wird nicht für aktualisierte Übersetzungen angewendet.

Plug-in installieren

Um das Sketch Plug-in einzurichten, folgen Sie diesen Schritten:

  1. Stellen Sie sicher, dass die Sketch-Anwendung bereits installiert ist.

  2. Scrollen Sie auf der Integrations-Seite von Phrase Strings nach unten zu Sketch Integration und klicken Sie auf Herunterladen.

    Das Plug-in wird heruntergeladen.

  3. Entpacken Sie das Dateiarchiv und führen Sie einen Doppelklick auf die Datei phraseapp-plugin.sketchplugin aus.

    Die Sketch-Anwendung bestätigt die Installation des Plug-ins.

Verwendung des Sketch Plug-ins

Mit Sketch verbinden

Klicken Sie anschließend im Plug-in-Menü auf Phrase und melden Sie sich mit Ihren Phrase-Anmeldeinformationen an, um Sketch mit Phrase zu verbinden. Wenn eine Organisation noch nicht in Phrase festlegen ist, klicken Sie auf registrieren und melden Sie sich für eine kostenlose 14-tägige Testversion an.

Vorbereitung

Erstellen Sie ein Projekt, um mindestens eine Sprache hochzuladen und hinzuzufügen. Ein bestehendes Projekt kann ebenfalls verwendet werden.

Übersetzungen aus Sketch übertragen

Um den Content aus einer Sketch-Datei mit dem zugehörigen Projekt zu synchronisieren, klicken Sie auf Push in der Symbolleiste; die Schaltfläche zeigt die Anzahl der Übersetzungen an, die übertragen werden sollen. Klicken Sie erneut auf die Schaltfläche, um die Übersetzungen zu übertragen.

Bestimmte Elemente Ihrer Seite auswählen

Standardmäßig betrachtet die Integration den gesamten Content der aktuell ausgewählten Seite als Auswahl, wenn kein spezifisches Artboard oder Textelement ausgewählt ist. Sobald eine Auswahl eines beliebigen Content-Elements außer der Seite getroffen wurde, wird nur diese Auswahl hochgeladen oder abgerufen.

Anpassen von Key-Namen

Key-Namen können angepasst oder automatisch generiert werden. Beim Hochladen von Content aus Sketch werden automatisch Key-Namen für jedes ausgewählte Textelement erstellt. Diese Key-Namen sind eine Zusammenstellung der Namen von Page.Artboard.Textelement.

Wenn interne Richtlinien oder Praktiken für die Key-Benennung vorhanden sind, passen Sie die Key-Namen innerhalb der Phrase Symbolleiste an; wählen Sie eine Textebene aus und bearbeiten Sie den Key-Namen im dafür vorgesehenen Eingabefeld.

Übersetzen mit dem Kontext-Artboard-Screenshot

Die screenshot-Funktion der Integration erstellt automatisch Screenshots von Sketch-Artboards, lädt diese hoch und verknüpft sie mit den jeweiligen Keys. Copywriter und Übersetzer zugreifen auf den zugehörigen Screenshot in der Seitenleiste des Translation Editor und der Text wird mit einer Markierung angezeigt.

Es muss mindestens ein Artboard vorhanden sein. Nur Admin- oder Projektmanager-Rollen dürfen Screenshots in allen Projekten hochladen. Projektmitglieder mit der Rolle Entwickler dürfen Screenshots in diesem speziellen Projekt hochladen und verwalten.

Übersetzungen nach Sketch ziehen

Sobald die Übersetzungen bereit sind, klicken Sie auf Übersetzungen ziehen, um die neuesten Aktualisierungen aller Sprachen zurück nach Sketch zu synchronisieren.

Testen Sie die Designs in allen Sprachen, die denen im dedizierten Projekt entsprechen. Lokalisierungs-Layoutprobleme können durch Wechseln der Sprache der Sketch-Datei identifiziert werden.

Die Sprache Ihres Designs wechseln

Wechseln Sie die Sprache des Designs zu den im Projekt verfügbaren Sprachen über die Symbolleiste.

Projekt ändern

Um das Projekt zu ändern, folgen Sie diesen Schritten:

  1. Klicken Sie auf ändern in der Symbolleiste.

  2. Wählen Sie das Projekt aus, an das die Daten gesendet werden sollen.

  3. Wählen Sie die Sprache für das Design aus.

Der Name des verbundenen Projekts wird in der Symbolleiste angezeigt.

Zeichenlimit festlegen

Erzwingen Sie ein Zeichenlimit für jedes Textelement, das das Team einhalten muss, indem Sie ein Element auswählen und auf das Schloss-Symbol in der Symbolleiste klicken. Die Integration berechnet automatisch das maximale Zeichenlimit für dieses Textfeld und sendet es mit dem nächsten Content-Push.

Dedizierte Tags verwenden

Wenn Sie die Sketch-Integration verwenden, um regelmäßig neue Schlüssel zu einem Projekt hinzuzufügen, trennen Sie die verschiedenen Synchronisierungen mit unverwechselbaren Tags.

Die Integration erstellt automatisch unverwechselbare Tags für Schlüssel, um sie organisiert zu halten. Die Tags sind in der folgenden Struktur aufgebaut:

Sketch.Your_File_Name.Date

Symbole und Overrides

Die Sketch-Integration unterstützt das Überschreiben von Texten in einer Symbolinstanz vollständig. Verschachtelte Symbole werden ebenfalls unterstützt.

Kombination der Sketch-Integration mit anderen Sketch-Integrationen

Alle Aktionen können mit Runner ausgelöst werden. Elementgrößen können mit dem Anima ToolKit-Fix nach dem Abrufen von Übersetzungen beibehalten werden. Anima kann verwendet werden, um die Sprache des Designs zu wechseln.

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.