huangxianjing1217 / XuidUnity

AdobeXD to Unity UI converter

XuidUnity - AdobeXD to Unity UI

Renamed from XdUnityUI

Overview

Transfer AdobeXD UI/UX Design.
Run it in Unity right away!
Design - Run - Improve
This asset makes iteration boost!

AdobeXD's features can be converted.

• ResponsiveResize
• RepeatGrid
• ScrollGroups
• Stack
• Padding

Installation

• Unity plugin Install
  1. https://github.com/itouh2-i0plus/XdUnityUI/releases
  2. Download XdUnityUI.unitypackage file.
  3. Import the XuidUnity.unitypackage into Unity. /Assets/I0plus/XuidUnity folder will be created.
• AdobeXD plugin Install
  1. https://github.com/itouh2-i0plus/XdUnityUI/releases
  2. Download XuidUnityExporter.xdx file.
  3. Double-click xdx file and install to AdobeXD.

Quick Start

1. Open the Adobe XD sample.

   1. https://github.com/itouh2-i0plus/XdUnityUI/releases
   2. Donwload Samples.zip and unzip.
   3. Open sample.xd

2. AdobeXD export

   1. Select the artboard.
   2. Click on "Xuid Unity Export" in the plugin menu.
   3. "Folder" is the destination of the output folder.
   4. Click on "Export" to start exporting.

3. Unity conversion
   • Unity Menu > Assets > XuidUnity > Clean Import
   • Specifies the same folder as the export.
   • The created prefabs are placed in Assets/I0plus/XuidCreatedPrefabs.
   • The created UI images are placed in Assets/I0plus/CreatedSprites.
     • UI images are sliced.

1. Place created Prefab under canvas.

ChangeLog

[v0.9.7] - 2020-09-06

• more stable and faster.

[v0.9.6] - 2020-09-06

• Unity: non-destructive conversion.

[v0.9.3] - 2020-07-21

• XD,Unity: Added option to convert components to Prefab.

[v0.9.2] - 2020-05-31

• XD,Unity: Scrollable Groups support.

[v0.9] - 2020-05-31

• XD,Unity: Responsive resizing information is now more accurate.
• Unity: Import by specifying a folder.

Details

### [v0.8] - 2020-03-16 - XD: Fixed to output a selection. - Unity: fixed to work with Unity2018. - Unity: fixed to work with Unity2017. - Unity: deleted the asmdef file.

[v0.7.2] - 2020-03-13

• Testing the DotsScrollbar
• Fixing mask processing

[v0.5] - 2020-03-07

• Maintain InputField conversion.
• README_JP.md Sample images added

[v0.4] - 2020-03-04

• README.md Englishization
• XD plugins English support

[v0.3.2] - 2020-03-03

• Sample Modifications
• README.md Revisions and additions
• Corrected XdPlugin/main.js comments

[v0.3.1] - 2020-03-02

• TextMeshPro sample added and explanation corrected.
• Add Button Sample
• Toggle samples added
• README.md Fix.

[v0.3] - 2020-03-01

• Creating a unitypackage
• How to install from unitypackage

Support Forum

• https://forum.unity.com/threads/xdunityui-adobexd-to-unity.843730/.

Acknowledgements.

• @kyubuns (https://kyubuns.dev)
• Baum2 (https://github.com/kyubuns/Baum2)

Thank you so much for your help.