Crowdin and Figma integration works both ways, and the plugin has 2 modes – Page Translation and Crowdin Strings. Use the Page Translation mode to send texts with the context for translators to Crowdin and upload translations back to Figma. Switch to the Crowdin Strings mode to upload to Figma the source strings from the Crowdin project and add them to your designs in a click.
With Crowdin plugin for Figma, you can:
To generate a new token in Crowdin, go to your Account Settings, API&SSO tab, Personal Access Tokens section and click New Token.
You might need to change credentials along the way, as well as select another Crowdin project you send content to, upload translations, or source texts from. For this, go to the plugin Settings in the upper right corner of the Crowdin plugin window.
You can send either text from a selected page or all pages from a Figma file for translation.
In Crowdin, a root folder figma-plugin will be created. It will contain separate folders for each page you translate with the HTML files for each frame inside. This folder can also contain a free-text.html file with the texts from the page that are not included in any of the frames.
To send Figma designs for translation, follow these steps:
When the source files are uploaded to the Crowdin project, you can invite contributors to translate and proofread the texts. Learn how you can get content translated in Crowdin.
You can synchronize texts between Figma and Crowdin projects any time you want to test the translated copy inside Figma.
To upload translated copies to Figma:
After you’ve uploaded translations to Figma, the modified file will contain a separate page with translations for each target language. The newly uploaded translated versions won’t override the ones you uploaded previously. You can always delete the translated copies you no longer need.