Sketch Plugin

Translating with the Smartling Sketch Plugin

Ensure your Sketch plugin is always up to date.

In this article, we will explore how to;

Log into Smartling via Sketch

  1. Launch Sketch Desktop App
  2. Click Plugins > Smartling > Account > Smartling Account
  3. Log in using your Smartling credentials
  4. Select the Smartling project you want to submit Sketch content to for translation
  5. Choose to exclude irrelevant strings
    • Enable this setting to exclude strings that are just numbers, symbols or other sequences that don't require translation.
    • Unselect this checkbox to include this content for translation.
  6. Choose to unlink, making Sketch libraries local
    • Enabling this setting will unlock your Sketch library content, such as symbols, for translation.
    • Unselect this checkbox to keep your Sketch library content excluded from translation.
  7. Click Save
  8. Once the confirmation flag appears, you can click X to close out the window

Screenshot_2021-03-08_at_20.52.05.png

 

Submit Sketch Content for Translation in Smartling

  1. Click Plugins > Smartling > Submit Translation from the Sketch menu. 
  2. Select the page(s) you want to submit for translation > NextScreenshot_2020-11-20_at_14.08.56.png
  3. You will see a preview of all strings that have been extracted from the current page, grouped by Artboard. You can deselect content that doesn't need a translation. This is especially useful when you don't want to translate elements of the mobile OS, such as the clock or battery level. Screenshot_2020-11-20_at_14.10.36.png
  4. Click the downward arrow on any of the strings to view sub-strings and edit the key name.
  5. Choose to turntext inside {} and {{}} into non-translatable placeholdersScreenshot_2020-11-20_at_14.32.49.png
  6. Click Next to proceed
  7. Complete the Job details dialog.
    1. Choose to add the content to an existing Job and choose the existing Job from the dropdown, or choose to create a new Job and name the new Job
    2. Give the Job a deadline (one day in advance from the current day)
    3. You can give the linguists additional details on how you want the Job translated by providing a description
    4. Choose to pre-authorize the Job, meaning once you complete these steps, the Job will automatically authorize and proceed with the translation in the target language's default workflow. If you choose not to select this checkbox, the Job will sit in Awaiting Authorization in Smartling until a user Authorizes the Job for translation. This option allows the user to decide the workflow in which the language should be translated in.
    5. Select the target languages for the translation (required)Screenshot_2020-11-20_at_14.45.17.png
  8. Click Submit to submit the content to Smartling for translation
  9. Once complete, the Translation Submitted dialog will appear with the Job summary. Close to continue working in Sketch.

Editing Key Identifiers

A key is a unique identifier for a string. By default, Sketch provides a unique identifier which you can also view in Smartling. You can now edit the key name to give it more relevance for you. The key can contain letters and numbers, underscores, and hyphens but can not contain spaces.  Note, key names must be unique per string. Key names cannot be repeated.Screenshot_2020-11-20_at_14.14.31.png

To edit the key, click the pencil icon. Click the tick to save.Screenshot_2020-11-20_at_14.14.48.png

 

Working with Key Identifiers

A key uniquely identifies the string, meaning the key can be used to quickly find a string in Smartling or in the JSON file.

Strings View

In Smartling, you can find the key name under the File/URL column in the Strings View.

Screenshot_2020-12-17_at_19.53.56.png

Search for strings with a specific key identifier using the Key/Variant field

Screenshot_2020-12-17_at_19.53.18.png

The CAT Tool

Users working in the CAT Tool can view the string key under Additional Details on the top-right panel, beside Variant.

Screenshot_2020-12-17_at_19.54.34.png

Editing the key name will not remove the default Sketch key identifier from the string, but rather add to it so you can search for the string easily in Smartling or on the JSON file.

 

Export Content to File

You can export a JSON file of your Sketch page. One Sketch page can be exported at a time. If your design has multiple pages, you will need to export each page individually.

  1. To export content, click on Plugins > Smarting > Export (Manual)
  2. Select the Page you want to Export. You can select multiple Pages to download.
  3. Select the strings you want to include in the exported file. Click the downward arrow on each string to expand to view sub-strings.
  4. Click Export
  5. A zip file will download to your local drive, containing a PNG and a JSON of each of your Sketch pages

Import Translations From File

Once your translations are complete, your Smartling Administrator can provide you with the translated Sketch files.

To import translated JSON files into Sketch:

  1. Click on Plugins > Smarting > Import (Manual) from the Sketch Menu.
  2. Select your translated JSON file from your directory.
  3. Click Open to import or Cancel to exit menu.

A new page will be created in your Sketch design for each language you download with a locale appended to the end to indicate a translated page (e.g. Page 1 [French (France)]).

 

Was this article helpful?