Figma to Unity Exporter

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.