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.

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

Figma Design 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

Figma Design 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

Figma Design 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

Figma Design 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

Figma Design 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.