Design it once.
Ship it in every language.
Phrase connects your Figma workflow to the translation pipeline – so you can preview every language in your layout before a single line of code is written.
Trusted by design teams at
Your designs work in English. Then they meet another language.
A button that fits “Submit” does not fit “Absenden.” A heading that wraps cleanly in English overflows its container in French. Arabic reads right to left – and your entire layout needs to mirror. You find out in QA, in staging, or in production. At that point, every fix means re-design, re-develop, re-test.
Phrase lets you see this inside Figma, during design review, before development begins.
Preview every language in your layout
The Phrase Figma integration brings translations into your design workspace. You see how your interface looks in German, Japanese, Arabic, and every other target language – inside the same Figma file where you designed it. You review translations the same way you review any design change: visually, in context, at the design stage.
Translators see your design too – not just your strings. Screenshots, character limits, and visual context travel with every string, so translations are written to fit your layout from the start.
See what translation does to your layout
Text expansion
German runs 20–30% longer than English. Finnish can be longer still. The Figma integration shows you exactly where text overflows, wraps, or truncates, in your layout, at your breakpoints, before development. You make informed decisions: adjustable containers, flexible grids, or shorter approved translations when the constraint is real.
Right-to-left layouts
Arabic, Hebrew, and Farsi read right to left – navigation, reading order, icon direction, and alignment all reverse. RTL is a design consideration, not a CSS toggle. The in-context preview lets you see your mirrored layout before development, catching alignment and reading-order issues at the design stage.
Character limits and constraints
Mobile navigation labels, push notifications, tooltips – some components have hard constraints. Character limits enforced at the design level mean translators work within your constraints from the start. They know the space they have; you see the result before it ships.
From Figma to production – localization is already there
The Figma integration is the entry point. Phrase connects the full pipeline: content flows from your Figma file through translation, into the codebase via Git sync, and out to users via over-the-air delivery.
Sync with development
Phrase Strings syncs with your Git repository – branch by branch. Strings pushed from Figma are translated, reviewed, and merged back automatically. The translations are ready when the feature branch is ready.
Update without a release
Over-the-air delivery pushes translation updates to mobile apps without an app store review. A translation that breaks your layout after release? Fixed in Phrase, corrected in the user’s app within hours.
MEASURABLE IMPACT
Teams who’ve been where you are
CUSTOMER STORY
Deliveroo
170,000 restaurant & grocery partners, 10 markets
Push keys, content strings, and screenshots to Figma with a single click, then pull translations straight back in for final QA. Project timelines cut by up to 4 days, with localization managers saving 35–40% of the time previously spent on project management, consistent, centralized localization across 10 languages for 3,500+ global employees.
CUSTOMER STORY
What3Words
60+ languages, ~100 freelance translators
The Figma plugin lets translators preview designs in context and follow the full user journey, while product teams attach screenshots and commentary directly to translation strings. Scaled from 4 to 60 languages without adding administrative overhead, a 25% reduction in admin time, with each new language launch pack completed in 5–6 weeks.
FAQs
Do designers use Phrase directly?
Your primary interaction with Phrase is through the Figma integration – previewing translations, reviewing text fit, and pushing content to translation from your existing workspace. The core platform is managed by your localization or development team.
Does Phrase work with Figma?
Yes. The Figma integration lets you preview translations in your layouts, see text expansion across languages, enforce character limits, and push content to translation without leaving Figma. Translations flow back automatically.
How does Phrase handle text expansion?
The Figma integration shows translated text directly in your layout, so you see exactly where expansion causes overflow, truncation, or wrapping. Character limits set at the component level mean translations are written to fit your constraints from the start.
Does Phrase support right-to-left languages?
Yes. The in-context preview shows your layout with RTL text (Arabic, Hebrew, Farsi), so you can review mirrored layouts, alignment, and reading order before development.
How does the Figma integration connect to development?
Content pushed from Figma is translated and quality-checked in Phrase, then syncs back to your codebase via Phrase Strings and Git – branch by branch, automatically. The designer pushes from Figma; the developer pulls from Git.
Can I see how my design looks in multiple languages at once?
The Figma integration lets you switch between target languages in your layout, previewing how each translation fits your design.
The keys to unlocking language
Blog post
7 Key UI Design Principles for Multilingual Apps
Designing an app for international audiences can be a bold endeavor. Following these UI design principles will help you make the most of it.
Blog post
How to Make the Most of Multilingual UX Design
Get to know all the secrets of using localization technology to create good multilingual UX design for your global web or mobile app.
Webinar
The global content disconnect: Insights from 550 business leaders on why scaling content is not scaling CX
In this session, we share findings from a survey of 550 senior business leaders and explore why scaling content is not scaling customer experience. We discuss what the most successful…
See how your designs look in every language
The Figma integration takes five minutes to connect and changes how your team handles localization. See it for yourself.