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
  • Unity Package
  • UGUI Support Package
  • Figma Plugin

Was this helpful?

NextFigma Design Downloader

Last updated 1 year ago

Was this helpful?

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 menu

  • Click on Manage Plugins

  • Search for Unity Figma Importer in the search bar

  • Click on Run to add the plugin to your Figma workspace