How to localise your screenshot captions

Setup your languages

Input your manual expert language translations or have automated translations (powered by AI or Google) for your screenshots in over 80 languages.

1. Go into your project

2. Click on project setup

3. Click on the Languages section

4. You'll need to set your Default language, this is the base language for all of your translations

5. Select your prefered Translator - AI Translator, Google Translate or Manual Translations

6. If using AI Translator, enter relevant Guidance to give the AI context and rules. For example: “CookBook - Brand name. Keep exactly as “CookBook”. Never translate. Avoid hyphens. This is a recipe management app.”

7.  Add all Export languages you'd like to localise your project to. Click on the List icon to quickly select/deselect all Apple and/or Google supported languages.

We currently support: Afrikaans, Arabic, Armenian, Albanian, Azerbaijani, Bangla, Basque, Belarusian, Bulgarian, Catalan, Chinese Traditional, Chinese Traditional HK, Chinese Simplified, Croatian, Czech, Danish, Dutch, Filipino, English US, English Australia, English British, English Canadian, English India, English Singapore, English South Africa, Estonian, Finnish, French, French Canadian, Galician, German, Greek, Gujarati, Hebrew, Hindi, Hungarian, Icelandic, Indonesian, Italian, Japanese, Kannada, Kazakh, Khmer, Korean, Kyrgyz, Latvian, Lithuanian, Lao, Macedonian, Malay, Malayalam, Marathi, Mongolian, Nepali, Norwegian, Odia, Persian, Polish, Portuguese, Portuguese Brazil, Punjabi, Romanian, Russian, Serbian, Sinhala, Slovak, Slovenian, Spanish, Spanish Latin America, Spanish Mexico, Spanish Unites States, Swahili, Swedish, Tamil, Telugu, Thai, Turkish, Ukrainian, Urdu, Vietnamese, Zulu.

Localise your captions

1. Open your project

2. Ensure you have setup your languages as above

3. In the top toolbar, click the Localize button

4. For each screenshot, you can chose to have automatic translation or manually add the translations yourself. To turn on/off automatic translation, click on the Automatic Translation purple toggle. You can enable / disable all by clicking on the Translation actions dropdown in the bottom left corner.

5. When automatic translation is enables and you update any text in your default language, hit Update Translations in the top right to update all other languages.

6. When automatic translation is turned on you will not be able to edit the caption as it will be locked.

7. To edit a manual translation, ensure the automatic translation is switched off then type in the text boxes to update your caption.

8. To import / export all translations, click on Translation actions dropdown in the bottom left corner and select Import / Export or Click on Bulk Import / Export on the side list. Export your current translations to CSV, update them in a spreadsheet, then import the file back into this project.

   1. Export - Choose the languages you want to send out. We export one row per screenshot text item for each selected language. Click Export CSV

   2. Update CSV - Keep the headers the same and update only the translation rows you want to replace in AppScreens. If you move text boxes around after export, update the screenshot or text box numbers in the CSV before importing. Supported rich text in TranslationText: <b>, <i>, <u>, <span style="color:#RRGGBB">, <span style="color:#RRGGBBAA">, <span style="color:rgba(...)">, and <br>. Other HTML formatting will not be preserved.

   3. Upload - Upload the CSV to review matches first. We only replace translations that are present in the file. Click Review Import File and upload the CSV file.

   4. Click Save
      

Preview your project in all languages

1. To view your project in each language, from the top toolbar, click on the language dropdown and select a language to preview.

2. Note: any changes you make in the designer when viewing other languages, will pull across to the design in all other languages in your project. The exception to this is when overriding the Title settings. An override is highlighted with an orange border around the setting.