Skip to content

LingoHub + Figma

Connect Figma to LingoHub to translate selected pages with LINA, using your glossary and translation memory. Translated copies are automatically added to your Figma file for each language, so you can review every screen before development.

Cut design time, reduce manual tasks

Link Figma to pull and push translations in one click. Preview changes directly in designs and save rework across teams.

Visual context for higher quality

Use UI screenshots to give translators and LINA clear context for more accurate localization work.

UI localization illustration showing visual context with screenshots and AI-assisted translation support for more accurate multilingual content reviews.

Validate prototypes

Translate designs with LINA and run quality checks to make sure every string fits your prototype.

How it works: 3 steps to Figma automation

01
Connect

Open the LingoHub plugin in Figma, sign in, and connect an existing LingoHub project or create a new one. Set up LINA as your Translator or Agent.

02
Translate

Select your Figma pages and target languages. The plugin sends your text and screenshots to LingoHub, where LINA translates using context.

03
Review

Translated pages appear directly in your Figma file, organized by language. Review translations in context and catch layout issues before development.

Technical specifications & capabilities

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, translation updates in Figma, and collaboration between designers and translators

Supported files

Figma Design files

Excluded text

Optional rules keep numbers, dates and times, currency, custom regular expressions and exact terms out of translation

Discover other integrations

All integrations

GitHub

Sync repos and translations automatically with pull request-based workflows that fit your development process.

Learn more about our GitHub integration

GitLab

Keep translations moving with webhooks, merge requests, and branch-based workflows that stay aligned with your process.

Learn more about our GitLab integration

Bitbucket

Turn Bitbucket commits into localized content with two-way synchronization, automated updates, and fewer manual handoffs.

Learn more about our Bitbucket integration

Connect Figma and LingoHub now

Language you can ship.

Start localizing your code immediately with
our 14-day free trial.

Frequently asked questions

Got questions? We have the answers.

How can I preview localized content directly within my Figma designs?

Expand FAQ-entry Icon

The LingoHub plugin lets you import text from Figma into LingoHub and send translations back to your designs. Preview localized copy in its actual layout to identify text expansion, direction, and other UI issues before development begins.

How does the plugin provide visual context for translators?

Expand FAQ-entry Icon

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?

Expand FAQ-entry Icon

Yes. Use LINA or machine translation to prepare localized copy, then preview it directly in Figma. Length-based quality checks help identify content that may not fit the intended UI components.

Which text from my Figma design gets translated?

Expand FAQ-entry Icon

Every text layer on the pages you select, except the ones your exclusion rules skip, like a layer that only says “LingoHub”. Rules match a layer’s whole text, so “€ 19.99” is skipped and “from €19.99” is translated. Skipped layers aren’t sent to LingoHub: they create no keys and use no translation volume.

Does LINA use our glossary and translation memory for Figma text?

Expand FAQ-entry Icon

Yes. Your Figma text goes into a LingoHub project, so LINA translates it with that project’s glossary, translation memory and style guide. As Translator, LINA sends its translations to your team for review. As Agent, it also checks and approves them.

What happens when I translate a page again?

Expand FAQ-entry Icon

That depends on the project’s “Overwrite translated design setting”, which is off by default. With it off, LingoHub keeps the earlier translated page and adds a new one with a timestamp in its name. With it on, LingoHub replaces the earlier page with the newest text. We recommend turning it on for day-to-day work and leaving it off when you want to keep earlier versions to compare. Either way, the (pre-)translate new text segments setting only translates text that’s new to LingoHub and leaves existing translations alone.