Figma Localization and Translation with Crowdin

Start the figma 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's Figma translation plugin, you can localize the UI and review designs within different languages before they go to development. Install the Crowdin for Figma plugin to send texts for translation from Figma with a click and upload translations back. You can synchronize texts between Crowdin and Figma projects at any time you want to test the translated copies.

Figma Localization Plugin Overview

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.

UI Localization with Figma and Crowdin

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 with Figma and Crowdin

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.

What Pipedrive Says About the Figma Integration

Hear directly from Pipedrive about their experience using the Figma localization integration.

Listen to the full episode:

• Apple Podcasts
• Spotify
• YouTube