Translation XML Text Export & Import

Plugin to Export all text from nodes into a translatable XML or XLIFF format.

Once translated, updated text and formatting positions can be re-imported into the design.

Connectors to online CAT solutions being added. Current connections:

1. Crowdin
2. memoQ
3. translate5 - visual preview with translate5

Short YouTube demonstration

Navigate to the "Help" tab in the plugin for information on the options not in the video above.

Export

Once your source file has been created, make a copy of it. export from this copy by clicking Generate file.

Choose to export all font information if you wish to change the fonts within the XML. Useful when mass font changes are required.

Classic (flat) export - export only contains text nodes without other structural elements.

Test layers in selection only - Only export selected text layers

Export Instances - Export each copy of an instance to allow for customised content after instance has been copied.

Skip hidden - hidden layers are not exported

Format - XML or XLIFF

Translation

Use of a CAT tool such as memoQ is recommended.

With XML format, translate the content of the "String" element. consider all elements within that as "Inline". You may wish to segment on "br" elements.

Ensure whitespace is preserved and not normalised. Especially if you are using multiple spaces for controlling layout of text on screen.

XLIFF should import natively into most translation tools, though you may need to add the source language 2-letter code in the "file" tag.

Import

On the import tab use "Choose file" to selected the translated XMLor XLIFF, then click import translations.

Choose to import regardless of source differences.

useful if you want to reimport a modified XML over the top of a previous import.

Connectors

Choose from the list of connector to send/receive from online translation tools.

WARNINGS

1. Right-to-Left languages aren't well supported in Figma at present
2. In order for the import to function fully you must not have any missing font warnings on your design.
3. Contents of the "base" element should remain untranslated. this element is used to check for consistency between the source of the translation and the current contents of the node.