Figma to Unity Exporter
by Kai
The ultimate workflow bridge. Go from Figma design to a working Unity UI in minutes.
Installs
159
Likes
40
Users
1,124
Views
4,936
Preview
About this plugin
### Tired of manually recreating your Figma designs in Unity?
Figma To Unity Importer is the ultimate workflow solution designed to bridge the gap between designers and developers. Stop wasting hours meticulously rebuilding UI and start converting your high-fidelity Figma designs into fully functional, native Unity uGUI components with just a few clicks.**[>> Demo Video <<](https://youtu.be/4XOTlUGIqJU?si=OCgCe0Sw7oBB6whx)****⚠️ IMPORTANT: This is one half of a powerful 2-part system.**This Figma plugin exports your design data. To bring your designs to life in Unity, you need the professional importer asset from the Unity Asset Store.---### **➡️ Step 1: Get the Professional Unity Importer Asset**To complete the workflow, please purchase and import the required companion asset from the Unity Asset Store. It's the engine that powers the entire import process in Unity, packed with advanced features to ensure a perfect conversion.**[>> Get "UI/UX importer for Unity" on the Unity Asset Store ($15) <<](https://assetstore.unity.com/packages/tools/utilities/ui-ux-importer-for-unity-323342)**---### **✨ Key Features:*** **Accurate Conversion:** Preserves layer hierarchy, names, positions, sizes, and rotations.* **Advanced Text Support:** Exports text as TextMeshPro components, maintaining font family, **font weight (including variable fonts)**, size, and color.* **Image Export:** Automatically exports image fills and creates native Unity `Image` components.* **Resolution Scaling:** Scale your entire UI to different screen sizes automatically.* **Smart & Simple UI:** Remembers your last used settings and supports multiple languages.### **🚀 Workflow:****1. In Unity (Setup):*** Purchase and import the importer from the Asset Store using the link above.* Install the required packages as described in the asset's documentation (TextMeshPro, UI, Newtonsoft.
Json).**2. In Figma (Export):*** Run this plugin.* Select the single, top-level Frame you want to export.* Configure your options (target resolution, include images, etc.).* Click "Export" to download the `.zip` file.**3. In Unity (Import):*** Unzip the downloaded file.* Drag the `FigmaExport` folder into your Unity `Assets`.* Open the importer via `Tools > KaiWorld UIUX Importer`.* Assign the `hierarchy.json` file and click "Create UI".
That's it! Your design is now a native, ready-to-use UI in Unity.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.