figma-ui-image

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.

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.

Tip

Learn more about it here

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. Paste Figma Link and press Update.

You can specify the quality of the image by the tweaking the Scale field.

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.

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