spec sheet · code & design

Figma and Transglot, see every locale in your design.

Install the development plugin and connect your project with a token. Select text to translate, then preview another language in your design without moving copy through spreadsheets.

Text layers → project → design previews

Direction: Text layers → project → design previews
Plan: Starter and up
Scope: selected text layers, Variable modes and translated design copies
Authentication: a Transglot project access token verified in the plugin
Get started: Download the plugin and connect it to your Transglot project.

Download Figma plugin Setup

code & design

Transglot Figma plugin showing source strings, target languages, and localized design previews — Collect source strings, pull target locales, and inspect translated designs in the Transglot Figma plugin.

the workflow

Connect your content. Review every language.

Connect once, choose your content and languages, then translate and review in the same project. The steps below show how it works in your tool.

Collect the text layers
Select a frame or text layers and collect the strings you want to localize.
collect
Push to the project
Send source text to Transglot with stable keys for the mapped layers.
push
Translate and pull
Translate in your project or start a batch from the plugin, then pull the target locales.
pull
Review the localized design
Preview Variable modes, reset the source view, or create translated copies and inspect the layout.
preview

Apply translations to Variable modes or create translated copies so your team can inspect each locale on the canvas.

what moves

What you can translate and deliver.

Collect design text, translate it with your team, and inspect each locale with Variable modes or translated copies.

What you can translate and deliver.
Surface	What to expect
Source and scope	selected text layers, Variable modes and translated design copies
Translated output	Apply translations to Variable modes or create translated copies so your team can inspect each locale on the canvas.
Keep in mind	Variable modes depend on the limits of your Figma plan. Translated copies provide a separate preview workflow. Check fonts and layout after applying a locale.

get connected

A few steps to your first connection.

Follow your tool’s setup below: add the connection, choose what to sync, and try it with a small set of content. Your team can keep working in the tools they already use.

What you need

a Transglot project access token verified in the plugin.

A Transglot project with its source and target locales configured.
Save credentials in the connection settings so your team can work without copying secrets between files.
Hosted API access requires a paid Transglot plan. AI translation uses your workspace’s word allowance.

Create your project

Download and extract the plugin ZIP. In Figma desktop, open Plugins → Development → Import plugin from manifest and select manifest.json.
Create a Transglot project token with push and pull abilities; add manage if you want to start an AI translation batch.
Open the plugin, enter the API URL and token, then test and save the connection.
Collect the selected text layers, push the source, and pull target locales. Apply Variable modes or make translated copies to review the design.

same project, more possibilities