Unity Figma Importer
  • Getting Started
    • Figma Design Downloader
    • Figma Design
    • Unity Canvas Setup
  • Layout
    • Horizontal & Vertical Layouts
    • Grid Layout
  • Components
    • Text
    • Image
    • Button
    • Toggle
    • Slider
    • Scroll View
    • Input Field
    • Dropdown
    • Custom Component
  • Limitations
  • Bindings
  • Optimization
Powered by GitBook
On this page

Was this helpful?

  1. Components

Text

Text nodes in Figma are converted to TextMeshPro components in Unity, preserving the text properties. Supports localization if localization converter is set and the node has a localization key.

PreviousComponentsNextImage

Last updated 1 year ago

Was this helpful?

Properties such as font size, text alignment, wrapping mode, text color etc. are set while importing a text node. Fonts can be automatically set through Figma asset Unity editor window tab "Fonts", more information about fonts can be found in Figma Design documentation page under "Fonts":

Localization

If a text node is given a Localization Key through Unity Importer Plugin in Figma, text can be localized with the corresponding Localization converter set in the Figma asset Unity editor window under tab "Settings -> Localization".

In order to use Localization, Unity Localization package should be imported to Unity.

Using default Unity Localization (for more information about Unity Localization package: https://docs.unity3d.com/Packages/com.unity.localization@0.4/manual/index.html) Converter, keys must be set as: {table_name}/{localization_key} in Figma in order to find the corresponding localized string. If everyting is set correctly, text component in Unity is decorated with a "Localize String Event" component with corresponding localized string.

Figma Design
Unity Importer Plugin running on a Text Node in Figma
Text properties imported to Unity as TextMeshPro Text component
Localized text in Unity