Figma UI Image

Create a UI Image in Unity from Figma Designs with just a few clicks!

System Requirements

Unity 2022.4 or later versions.

How to install it

1. Copy Git URL;
2. Open Window/Package Manager;
3. Add the Git URL.

Or you can import it as .uniptypackage via Assets/Import package/Custom package.

How to get an image from Figma

To do that you need a few things:

1. Figma Access Token;
2. Figma Link to a design you want to get as a image;
3. Set up Figma UI Image.

How to set up a Figma Access Token

1. Open Figma Settings/Account/Personal access tokens;
2. Click the Generate new token button and copy the token.

Learn more about it here

How to get a Figma Link

1. Select your design in Figma;
2. Press the Share in the top right corner of Figma and copy the link.

How to create a Figma UI Image

1. Select Canvas and Right Mouse Click (call a context menu);
2. Select UI/Figma UI Image;
3. Create Figma UI Data, paste there your token and link and add drag it into the slot.

Support

Figma UI Image is an open-source project I am developing in my spare time. If you like it, you can support me with a few cups of coffee.

Contact me

Twitter | Linkedin | Dribbble | Personal Site