Sync text between Figma and LingoHub instantly to preview translations in your mockups and eliminate UI bugs.
Link Figma to pull and push translations in one click. Preview changes directly in designs and save rework across teams.
Use UI screenshots to give translators and AI LINA clear context for more accurate localization work.
Translate designs with AI LINA and run quality checks to make sure every string fits your prototype.
Install the Figma plugin and connect it to your LingoHub account.
Install the Figma plugin and connect it to your LingoHub account.
Choose the layers or pages to localize, LingoHub creates strings automatically. Add screenshots as you go along.
Choose the layers or pages to localize, LingoHub creates strings automatically. Add screenshots as you go along.
Push translations back to Figma
and preview languages directly in your designs.
Push translations back to Figma
and preview languages directly in your designs.
Connection type
Log in via LingoHub account, no access token necessary
Sync triggers
Manual sync
Sync types
Bi-directional sync (import text content from Figma to LingoHub/export translations back into designs)
Features
In-context localization preview, support for design system workflows, instant translation updates in Figma, and collaboration between designers and translators
GitHub
Sync repositories and translations automatically with pull request-based workflows that fit your development process.
GitLab
Keep translations moving with GitLab webhooks, merge requests, and branch-based workflows that stay aligned with your process.
Bitbucket
Turn Bitbucket commits into localized content with two-way sync, automated updates, and fewer manual handoffs.
Start localizing your code immediately with
our 14-day free trial.
Got questions? We have the answers.
How can I preview localized content directly within my Figma designs?
The LingoHub plugin allows you to import text segments to LingoHub and export translations back into Figma in seconds. This enables you to instantly check for layout issues, such as text expansion or direction problems, before development begins.
How does the plugin provide visual context for translators?
Add screenshots to the corresponding segments to show exactly where the strings appear in the UI. This visual reference helps translators understand the context, leading to higher accuracy and better brand alignment.
Can I test my prototypes in different languages without manual translations?
Yes, you can automatically fill your designs with text from AI or MT engines and check the segments directly with length-based quality checks. This allows designers to instantly validate whether translated content fits the UI components.
