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
  • Pages
  • Fonts
  • Settings
  • Bindings
  • Stats

Was this helpful?

  1. Getting Started

Figma Design

With Figma Design Importer Asset, you can select the pages you want to import, assign fonts, set up import settings, set bindings and see the stats of the design file.

PreviousFigma Design DownloaderNextUnity Canvas Setup

Last updated 1 year ago

Was this helpful?

Default Figma Asset Importer asset is a part of Figma Importer UGUI support package.

When a Figma Design is downloaded with Figma Design Downloader, Figma Importer UGUI support package supports an Asset Importer for .figma files. You can inspect the import settings by simply selecting the file you downloaded from your Unity Assets folder.

Pages

In some cases, you may not want to import all the pages of a Figma design. From Pages tab, you can select which pages you want to import and hit "Apply" button.

You can inspect errors and warnings of the design file by opening them in "prefab" mode by double clicking the .figma asset. From there, select the root node of the design (one below the Canvas) and inspect Figma Document component's logs. Double clicking on a log navigates you to the problematic node.

Fonts

Fonts can be automatically set with "Search and Remap" function from Fonts tab. You can select the root folder of the fonts used from the directory browser and Figma Asset Importer will automatically set them.

Settings

You can set Basic, Sprite, Localization and Effect settings from Settings tab. If you are using Localization packages or effect (for example shadow) packages in Unity, you can assign them from this section.

Please check your file's stats from the Stats tab and adjust Sprite Settings according to your needs, importing big sprites may cost highly performance and memory wise.

Bindings

From Bindings tab, you can bind any asset from your Unity assets to Figma Design asset. To do so, use [FigmaAsset] attribute on a field or a property of any of the classes with [FigmaNode] attribute.

Stats

From Stats tab, you can inspect the imported file's properties such as Texture Size, Page Count, Runtime Texture Memory etc.

Rectangle Texture Size may stay as small as possible as Figma Importer UGUI support package imports rectangle nodes (textures) optimized.

Figma Design Pages
Figma Design Fonts
Figma Design Settings
Figma Design Bindings
Figma Design Stats