Figma is a primarily web-based vector graphics editor and prototyping tool with additional offline features enabled by desktop applications for macOS and Windows.
Note
Figma does not yet support RTL languages but there are 3rd party plugins that may help.
To install the Figma plugin, follow these steps:
The plugin must first be connected to Memsource before use.
-
From Figma, select the menu.
The menu opens.
-
Select from the menu and click Connect to Memsource.
The Log in to Memsource window opens.
-
Provide , and . User must have Project Manager or Administrator roles in Memsource.
-
Click Connect.
Figma is now connected to Memsource via the plugin.
Note
Some browser extensions (e.g. Stylebot) can conflict with the plugin and prevent a connection. If having issues, run figma.com in an incognito browser, guest mode or with disabled conflicting extensions.
The plugin provides these functions:
-
Collect all translatable text on a page and define key names.
-
If an existing project is being updated, select that project. Submitting to a closed project reopens that project.
If creating a new project, select a project template and optionally a due date and apply settings. Select target languages from the project template before submitting the page.
-
Displays the status of a selected page.
-
If the job status is Completed, pulls translated page from Memsource and changes the status to Delivered. If the job is in any other state, that state is maintained after the pull.
Note
If strings are not visible on the translated pages (especially for non-Western languages), it is likely due to missing characters sets in the used font. Switch to a font that supports the given language.
-
The window opens.
Two options are available:
-
-
If there was no update to source or target segments in Figma, then both source and target are populated in the job and the segment is confirmed.
-
If target was updated, but source wasn't, then the segment is populated but unconfirmed. If reviewed segments also require confirmation, add
state=reviewedto in the XLIFF 2.0 file filter configuration. -
If the source changed, then the source is populated with the updated entry but target is empty.
-
The status of the updated job is changed to Emailed.
-
-
-
A new project is created with the settings of the current template and includes the update.
-
-
-
Set pseudo-translation options and view the results of pseudo-translated Figma pages.
To manage strings, follow these steps:
-
From the menu, select , Manage strings to translate.
The window opens.
All strings on the page are presented, but clicking on a specific string or a design element filters the selection to that string or strings in that element. Click X to remove the filter.
Click Group duplicate entries if the same key is to be applied to all instances of a string.
-
Select strings for translation.
-
Define for selected strings.
Default key names are automatically generated but can be manually changed and will then be listed under .
If a translation memory is provided, it can be searched for the existing strings and if there are assigned key names, they are available for selection in a dropdown list.
-
Define key .
To be displayed in the CAT preview pane giving translators further context for the translations.
-
Flag keys according to their stage in the design process.
-
Click Save.
Note
The job file sent to Memsource is in XLIFF format, which can be automatically detected but ideally defined in Project Settings and Context type and set to .
Strings are sent to Memsource in the order in which the pages and other subcomponents are arranged in the left pane in Figma—from the top to the bottom.