https://github.com/manakhovn/figmatounityimporter

The project that imports nodes from Figma into unity.
https://github.com/manakhovn/figmatounityimporter

figma import unity

Last synced: about 1 month ago
JSON representation

The project that imports nodes from Figma into unity.

• Host: GitHub
• URL: https://github.com/manakhovn/figmatounityimporter
• Owner: ManakhovN
• License: mit
• Created: 2021-05-08T22:18:33.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-10T13:03:52.000Z (over 1 year ago)
• Last Synced: 2024-10-11T22:40:40.462Z (about 1 month ago)
• Topics: figma, import, unity
• Language: C#
• Homepage:
• Size: 5.16 MB
• Stars: 495
• Watchers: 13
• Forks: 60
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Figma To Unity Importer

## Overall information

Tool that imports nodes from Figma into the Unity.

Before using I want u to notice, that the project is raw, and I can't promise you that I will develop it intensively.

Some features are not ready yet. Some features are impossible to quickly recreate in Unity.

## Contributing

You are welcome to contribute. And you are free to use this project for any purpose.

## Install

you can add `https://github.com/ManakhovN/FigmaToUnityImporter.git?path=/Assets/FigmaImporter` to Package Manager

## Usage

Firstly, you need to put FigmaImporter into your project.

Then new menu option will appear.

![Figma importer menu option](./ReadmeImages/step0.png)

Now press OpenOauthUrl button.

![Figma importer window](./ReadmeImages/step1.png)

It will redirect you to the access allowance page. Press "Allow access there"

![Figma access](./ReadmeImages/step2.png)

Then the callback page will be opened. Copy ClientCode and State into Figma Editor window. And press "GetToken" button. 

![Client params](./ReadmeImages/step3.png)

If token appeared, then you did everything right. If not, repeat the step with access allowance.

![Token](./ReadmeImages/step4.png)

Now you can copy the node link, and put it in the URL field in unity.

![Node link](./ReadmeImages/step5.png)

Now add Canvas to canvas field in the importer editor window.

And press the "Get Node Data" button. It will load all data about the node with it's children. Now you can choose the action for every child.

By default it will determine the nodes that it can try to generate. Others it will render. 

Also you can override Sprite, so it will put it instead of rendered node.

The actions are: 

- Generate - tries to generate node via UGUI. 

- Render - Loads render of the node via Figma API. 

- Transform - sets only transform for the generated object. 

- None - does nothing. 

![Get File](./ReadmeImages/step6.png)

As you can see there are three additional buttons. That help you to change actions on nodes:

- To generate - it is default behaviour. Render nodes as raster. Generate nodes that has childs. Generate text nodes.

- To Transform - set action "Transform" to all nodes. It can be useful if you apply changes to existing object.

- To SVG - if you have installed Unity's Vector Graphics package it will try to load all images as svg.

![Get File](./ReadmeImages/step6_1.png)

When you picked all actions. Press "Generate nodes" button. And it will try generating the node in referenced Canvas. That's all!

![Get File](./ReadmeImages/step7.png)

If you pick already existing object (previously generated node). You can set it as root object. And all changes will be applied to the created gameobjects. It finds appropriate gameobjects by their id's in name in squared braces like [0:329]

![Get File](./ReadmeImages/step7_1.png)

By the way, there is an option to scale objects and raster images by changing scale parameter. The maximum scale that you can get is x4. Figma doesnt allow to get bigger scale of rendered image.

![Get File](./ReadmeImages/step7_2.png)

There is also one thing with Fonts.

If you got the error about Font. You should add it in FontLinks.asset scriptable object.

![Font](./ReadmeImages/step8.png)

## Update 07.10.2021

Changed position calculating for nodes. Now it doesnt use tricky operations with parents chaniging.

Now if you choose existing object, instead of canvas, it will apply all changes to it without creating a new one.

Also added scale option.

Will test it and rewrite readme a little bit later.

##Update 21.11.2021

Some refactoring.

Added SVG support.