Figma Localization

Start the localization on a design stage. Upload new keys for translation while designing a new feature. Provide translators with screenshots for the best quality translations.

With Crowdin plugin for Figma, you can localize the UI and review designs within different languages before they go to development. Install Crowdin for Figma plugin to send texts for translation from Figma in a click and upload translations back. You can synchronize texts between Crowdin and Figma projects any time you want to test the translated copies.

Automation

Synchronize souce and translated content between Crowdin project and Figma automatically.

Agile localization

Translate mockups and test them in different languages before the programming starts.

Context

Translators get screenshots for each string or a preview of the frames and text in the editor as they appear in Figma.

Figma plugin overview

Screenshots

Connecting Figma with Crowdin Account

UI Localization

Create clear multilingual user interfaces. Prototype with the real copy, send new strings for translation with the keys and screenshots. Preview translated mockups with the strings you’ve used.

Collaborate with copywriting and development teams on UI localization. Synchronize content between Figma, Crowdin, and your repo.

1. Upload content to your Crowdin project. Add it manually, or connect your repository for instant text synchronization.

2. Start creating the source mockups. Select the Text layer and click the copy you want to add from the list. Right-click the string to mark it as unused.

3. Send new strings with the keys to Crowdin. Select the entire frame, multiple frames, or text elements on the frames to export strings. Set up key naming patterns in the Plugin Settings to add identifiers automatically.

4. Upload screenshots for the mockups where you used the source strings. The screenshots will be visible for translators in Crowdin.

5. Preview translated versions of the source mockups and customize them before the development starts.

6. Streamline the development by utilizing the Figma Dev Mode to quickly inspect the needed text layer and get all the information about the string.

Marketing Visuals Localization

Translate marketing visuals, like social media banners, brochures, and more. Send ready pages for translation to Crowdin and upload translated copies back to Figma for further customizations.