Lilt + Figma plugin enables companies to select one or many Figma frames to send to Lilt for seamless localization. At a high-level, Lilt's Figma plugin handles:
Submission via Figma: Select one or many Figma frames to send to Lilt for localization.
Translation Method: At submission, the user can select between one of two workflows:
Instant Translation: The user can request Figma frames to be immediately localized into any language using Lilt's Contextual AI.
Verified Translation: Send Figma frames to Lilt's in-house translators for localization.
Deliver to Figma: Lilt to deliver localized frames to Figma, creating one page per target language.
Check out the video below to see the Lilt + Figma connector in action.
Install the Lilt plugin from the Figma Community:
In Figma, navigate to
Browse plugins in Community.
Configure the Lilt Figma plugin:
In Figma, launch the Lilt plugin and navigate to
Enter the following information:
Lilt API Token: add your Lilt API Token (provided by Lilt)
Lilt API URL:
Save settingsto conclude the configuration process.
Once the plugin is configured, content can be sent between Lilt and Figma as outlined in the sections below.
1. Navigate to the Figma page containing the content you want to localize.
2. Launch the Lilt Figma plugin from the menu bar by selecting
Lilt Figma Plugin.
3. Select one or many Figma frames or layers that you want to localize. By default, if no frames or layers are selected, the Lilt plugin will localize the entire page. Starting August 22nd, you will be able to view all orders associated with your Figma file. Any Pages in the left hand column of your Figma file, will automatically appear in the Orders form in your Lilt plugin for you to be able to choose for translation.
4. In the Lilt Figma plugin, select the desired Translation method:
Instant translation: To immediately localize the selected content using Lilt's Contextual AI, ensure that
Instant translationis selected in the
Verified translation: To send the selected content to Lilt's in-house translators for localization, ensure that
Verified translationis selected in the
6. In the Lilt Figma plugin, specify the
Source language and one or more
7. In the Lilt Figma plugin, click
Translate selected to send the selected content to Lilt for localization.
The status of the translation job can be tracked in the
Status section of the Lilt plugin, with new translation jobs will show as the first results.
Once the content for a job has been translated (either through instant AI translation or by Lilt's in-house translators), the job's status will change from
In Progress to
Complete. To import the translated content:
Navigate to the Figma page that was used to create the translation job.
importto update the Figma page with the localized content.
Lilt Figma plugin limitations
Layers containing multiple typefaces cannot be localized.
Statustab only displays the status of the latest 30 projects created through Figma.
When translated text is delivered from Lilt to Figma, Figma uses the source font to display the translated text. The source font may not support all characters in the target language, in which case, the delivered content will not accurately reflect the translated content. To fix this, simply change the page font to a font that fully supports the target language. This can be done either before or after the localized content is imported into Figma.