Crowdin for Figma

About this plugin

How Does the Crowdin Figma Plugin Work?

Crowdin is a localization and translation management platform trusted by companies like GitHub, GitLab, and Pipedrive. Our Figma plugin, also available on Figma Buzz, helps you easily translate UI and marketing visuals, automating your localization process.

Key Benefits of Using the Crowdin Figma Plugin

1. Continuous Workflow: Integrate localization directly into your design process. Start translating texts as soon as they're created in Figma, long before development begins.
2. Real-time Synchronization: Say goodbye to placeholder text. Use real, production-ready copy in your mockups and sync all content between Figma, Crowdin, and your dev repositories.
3. Flexible Translation Methods: Pre-translate content with AI and machine translation, or invite your in-house team, freelancers, or a translation agency to work directly in Crowdin.
4. Context for Translators: Provide your translators with the full picture. Attach screenshots and visual context so they can deliver accurate translations for your designs, posters, and other visuals.

Who Is This Plugin For?

The Crowdin plugin for Figma is the perfect solution if you:

1. Create multilingual UI for websites and mobile apps, and want to provide clear experiences across markets.
2. Collaborate with other teams on software or mobile app localization.
3. Need to translate marketing materials such as social media graphics, posters, or blog images.

Synchronize Content Across All Your Tools

Our two-way integration ensures a smooth workflow. You can send designs for translation from Figma to Crowdin and then automatically upload the translated versions back into Figma for final review.

For UI localization, the plugin seamlessly connects Figma, Crowdin, and your code repositories on platforms like GitHub, GitLab, Bitbucket, and Azure Repos. Your engineering team can use the Crowdin API and CLI to set up instant content synchronization, ensuring everyone is always working with the latest files.

Design with Real Copy, Not "Lorem Ipsum"

Why wait for development to get a real copy? With the Crowdin plugin, you can:

1. Stop using placeholder text. Send your initial strings from Figma to Crowdin, allowing your team to start translating immediately.
2. Prototype with real copy. Once translations are ready, upload the translated mockups back into Figma. The plugin exports each translated version to a separate Figma page, so you can keep your workspace organized and focused.
3. Test and refine. You can then review and customize the translated designs to ensure everything looks perfect before development starts.

This workflow is also fully compatible with Figma Dev Mode, allowing developers to inspect text layers and get all the necessary information, including the string key and file location.

A Continuous Workflow for App Localization

Localization can now begin the moment you start designing. This is what a typical process looks like:

1. Designers send texts from Figma to Crowdin, complete with keys, tags, and screenshots for context.
2. Translation teams work on the texts directly within Crowdin.
3. Designers test and customize the translated variants back in Figma.
4. Development teams download the source and translated files from Crowdin and integrate them into the codebase.

Flexible Translation Methods & Optimal Context

Crowdin gives you total control over how your content is translated. You can:

1. Use machine translation. Leverage powerful engines like Google Translate or DeepL for instant pre-translations.
2. Work with people. Invite your in-house team, freelancers, or a translation agency to translate directly within Crowdin.

To ensure high-quality translations, Crowdin automatically provides translators with crucial visual context. When localizing UI, you can automatically upload screenshots to the project. For static content like posters, translators can preview the full frame in Crowdin, so they always see the visual context for every text.

Crowdin also automatically builds a Translation Memory, which allows you to reuse past translations and save time and money on future projects.

How to Get Started

Ready to automate your localization workflow? Here's how to get set up:

1. Create a Crowdin account and a localization project within it. You can sign up for a 14-day free trial to get started.
2. Install the Crowdin for Figma plugin.
3. Connect your accounts. Open your Figma file, go to Plugins > Crowdin, and provide a Personal Access Token from your Crowdin Account Settings. If you have a Crowdin Enterprise account, you'll also need to specify your Organization name.

For a more detailed guide, see our step-by-step instructions. If you need any assistance, our support team is available 24/7.