Figma localization plugin

Translate your designs. Instantly.

Better app

F

A

65%

Share

Dashboard

Better
Today´s progress
Sleep
87%
10,000 steps
42%
Reading
0%
Weekly growth

Login

A blurred background with blue, purple, and pink colors
Sign in
Create an account
Better
Track your habits daily
Become a better you

Anna

Felix

Tolgee

English

Push

Pull

Create a copy

Track your habits daily and become a better you

My_app_subtitle

Sign in

Button_sign_in

Create an account

Button_new_account

Design once. Translate with context. Preview with a click.

Design once. Translate with context. Preview with a click.

Design once. Translate with context.
Preview with a click.

Switch your designs to Chinese, Arabic, or any language with a single click. Catch layout problems before writing a single line of code. Your entire team moving forward together, no more waiting in line.

Preview translations in design

Preview translations in design

See how your UI behaves in every language. Identify text that breaks layouts. No guessing, no surprises.

  • From app designs to marketing materials

  • Maintain brand consistency across all languages

See how your UI behaves in every language. Identify text that breaks layouts. No guessing, no surprises.

  • From app designs to marketing materials

  • Maintain brand consistency across all languages

A blurred background with blue, purple, and pink colors
Sign in
Create an account
Better
Track your habits daily
Become a better you

Anna

A blurred background with blue, purple, and pink colors
A blurred background with blue, purple, and pink colors
Better
Verfolge deine
Gewohnheiten täglich
Werde zu einer besseren
Version von dir
Anmelden
Konto erstellen

Button_new_account

Button_account

A blurred background with blue, purple, and pink colors
Sign in
Create an account
Better
Track your habits daily
Become a better you

English

Create an account

German

Konto erstellen

Spanish

Crear una cuenta

Button_sign_in

tag

English

Sign in

German

Anmelden

Spanish

Iniciar sesión

High quality translation with context

High quality translation with context

Send your texts to Tolgee with a click. Our platform shows translators exactly how text appears in your design, with context and screenshots.

Work with AI or human translators. Use professional translation tools, glossaries and preserve consistency and quality across all your projects.

Send your texts to Tolgee with a click. Our platform shows translators exactly how text appears in your design, with context and screenshots.

Work with AI or human translators. Use professional translation tools, glossaries and preserve consistency and quality across all your projects.

Work in parallel. Break nothing.

Work in parallel. Break nothing.

Designers, developers, and translators all on one platform. Send UI screenshots straight from Figma so translators see exactly where text appears. No copy-paste, no context loss. Fix problems before coding starts. Get new translations directly into your designs.

Designers, developers, and translators all on one platform. Send UI screenshots straight from Figma so translators see exactly where text appears. No copy-paste, no context loss. Fix problems before coding starts. Get new translations directly into your designs.

A blurred background with blue, purple, and pink colors
Sign in
Create an account
Better
Track your habits daily
Become a better you

Anna

English

Create an account

German

Konto erstellen

Tobias

French

Sara

Spanish

Mateo

Crear una cuenta

Mateo

Tobias

Sara

Tolgee

STRING DETAILS

Save changes

Key name

Example_format

is plural

Translation (en)

We support <i>italic</i>, <b>bold</b> and much more

We support <i>italic</i>, <b>bold</b>

and much more

Preview

We support italic, bold and much more

Preserve formatting & variables

Preserve formatting & variables

Keep your formatting with basic HTML tags, handle plural forms, and preserve variables like {name}. Edit your strings directly in Figma plugin or Tolgee platform without losing advanced formatting.

Keep your formatting with basic HTML tags, handle plural forms, and preserve variables like {name}. Edit your strings directly in Figma plugin or Tolgee platform without losing advanced formatting.

Quick Guide

1. Install plugin - Search Tolgee localization in Figma plugins

2. Create Tolgee account - Sign up and create a new project

3. Connect plugin and Tolgee - Add your project API key to the plugin

4. Select texts - Select frame in Figma → text strings appear in plugin

5. Push to Tolgee - Create key names to text strings → hit "Push" button

6. Translate - Bulk translate in Tolgee with AI or translators

7. Pull back to Figma - One-click pull translations to Figma

8. Switch languages - Switch between languages or create page copies

FAQ

Is Figma plugin free?

Yes, the Figma plugin is completely free. You'll need a Tolgee account, which starts with a Free plan automatically. Check pricing for limits and details on paid plans if you need more features.

How do I find the Project API key?

Go to Tolgee platform → top right menu → Project API keys.

Read more about API key generation.

Can I generate key names automatically?

Yes. Users can set up automatic key name prefilling for fast work and better consistency.

They can use any text, separator, or variable. Variables are derived from the Figma structure, for example, "Element name," which takes the name of the string (layer) the user wants to translate.

Users can choose a format style to maintain consistent formatting and modify spacing or capitalization. For example: "Element_name"

How can I preview translated strings in my design?

Pull translations from Tolgee and click "Create a copy" to make a new page in your chosen language. For quick switching, select any frame and change the language in the plugin.

How to update screenshots when I change designs in Figma?

Screenshots update when pushing to Tolgee. Select frames and press "Push".

Note: Don´t forget to connect texts and keys.

How to link texts from Design to existing keys in Tolgee?

Select text → Click link icon (on the right)

Plugin shows matching keys from your platform. Choose one to connect. You can disconnect anytime.

Can I ignore numbers in design - not to send it to translation?

Yes. Go to the plugin settings, check "Ignore nodes with numbers".

Can I ignore specific text in design - not to send it to translation?

Yes. Go to the plugin settings, add prefixes like "_" to ignore. Then rename layers you want to skip with this prefix (example: "_text").

Can I create designs with key names - for developers?

Yes. Connect your strings to keys, then create a page copy with key names instead of translations.

Is it possible to use Plugin in Dev mode?

Yes, the plugin works in Dev mode and it is view only.

When I copy design which has connected keys, will the connection be copied too?

Yes. Connections stay with copied elements. You can disconnect them if needed.

How to use plurals in Figma?

Select text → Go to plugin → String details

Check "is plural" option. Fill all plural forms and choose value which will be shown in Figma.

Hit "Push" button and plural forms will appear in Tolgee too.

What formatting is supported in the plugin?

You can use the these HTML tags:

  • <b> or <strong> – bold

  • <i> or <em> – italic

  • <u> – underline

  • <br> – line break

More in Docs

Power Up with Apps & Integrations

Power Up with Apps & Integrations

Power Up with Apps & Integrations

Tolgee integrates effortlessly with many popular languages frameworks and technologies. Set it up in minutes and keep working just the way you like - no disruptions, just smooth, hassle-free localization.

Tolgee integrates effortlessly with many popular languages frameworks and technologies. Set it up in minutes and keep working just the way you like - no disruptions, just smooth, hassle-free localization.

Logo Next.js
Slack

Contact us

Not sure whether Tolgee is a great match for you?
Just reach out to us at info@tolgee.io,
check our community Slack, Github discussions or Docs.

Marketa Cizmar

Co-founder & COO