Video Tutorial: The simplest way to localize any Figma designs
Video Tutorial: Translate Figma text layers with XLIFF files
Export Figma text layers to a localization spreadsheet
By clicking the Localize Frames button in CopyDoc, you can export your frame(s) and select the target languages you'd like to translate the designs to (eg. French, German etc). Clicking the Export XLSX button will automatically export the text content from your frame(s) to an .xlsx
spreadsheet file.
Grouping duplicate text layers
Enabling the Group Duplicate Text Layers option will ensure that any text layers with exactly the same content with automatically be grouped into a single entry in your XLSX export. This option can make editing and re-importing your content back into Figma a bit easier, as you only need to edit the text in one place.
Maintaining the visual text case from Figma
Enabling the Use Figma Visual Text Case option will automatically force your exported text layers to match the "visual" text case (eg. "Uppercase", "Title Case", "Lowercase") option set on your text layer in Figma. You can use this option to visually mirror the text content in your design, instead of exporting the underlying text layer content (eg. as it appears with the default "As typed" case setting selected).
Add localized content for each locale column in your spreadsheet
After you've exported your .xlsx
file, you can then edit the Excel file and populate the placeholder locale columns as needed.
Re-import your localized spreadsheet into Figma
After you've populated the locales and saved your spreadsheets, you can then re-import your .xlsx
file back into the CopyDoc plugin by dragging and dropping it in, then clicking the Localize Frames button to re-import your new content locales. Upon re-importing the file, CopyDoc will automatically create a brand new page with a new email frame per locale with all of the text updates you made (per text layer/"row") in the spreadsheet.