Transforming your Figma designs seamlessly into Unity UI elements is a breeze with the Unity Figma Importer. This powerful tool not only bridges the gap between design and development but also effortlessly binds codes with the layout files, empowering you to swiftly craft stunning Unity apps with precision and ease.
Unity Package
This is the base Figma package to be able to download Figma files into the Unity.
Installation
Open Package Manager in Unity
Press "+" and "Add package from git URL..."
Enter this repository and version as
https://github.com/cdmvision/unity-figma-importer.git#1.9.0
(see latest version here)
UGUI Support Package
This is the UGUI support package that imports downloaded Figma file as UGUI elements prefab.
Installation
Open Package Manager in Unity
Press "+" and "Add package from git URL..."
Enter this repository and version as
https://github.com/cdmvision/unity-figma-importer.git#1.9.0-ugui
(see latest version here)
Figma Plugin
For enhanced functionality and seamless integration with Unity, it is recommended to use the Figma plugin with Figma app alongside with the Unity package. This plugin is designed to facilitate the process of saving Unity-specific data directly onto Figma nodes. This data can then be utilized during the import process into Unity, streamlining the workflow between design and development teams. This plugin runs on Figma app.
With the Figma plugin you can:
Bind your UI elements with the MonoBehaviour scripts
Import components such as Text, TextMeshPro, Image, Button, Toggle, Slider, Scrollbar, Dropdown, ScrollRect, InputField and much more!
Bind LocalizedString with Text or TextMeshPro component automatically using the Unity Localization package
Installation
Open Figma app
Navigate to the
Plugins
menuClick on
Manage Plugins
Search for
Unity Figma Importer
in the search barClick on
Run
to add the plugin to your Figma workspace
Last updated