1. https://github.com/itouh2-i0plus/XdUnityUI/releases
2. click "▶Assets" of the latest version to download XdUnityUI.unitypackage.
3. import the XdUnityUI.unitypackage into Unity. The /Assets/I0plus/XdUnityUI folder will be created.
4. install the AdobeXD plugin
   • Double-click on /Assets/I0plus/XdUnityUI-ForAdobeXD/XdUnityUIExport.xdx.

1. clone a Git repository
   • https://github.com/itouh2-i0plus/XdUnityUI
     • We are using LFS, and some Git clients require configuration.
2. open (clone folder)/UnityProject in Unity.
   • Assets/I0plus/XdUnityUI is the plugin folder.
   • It's currently a Unity2019.3, UniversalRenderPipeline project.
3. install the AdobeXD plugin
   • Double-click on /Assets/I0plus/XdUnityUI-ForAdobeXD/XdUnityUIExport.xdx.

• It is currently inadequately tested on a Mac.

• The conversion rules are defined by the CSS description.
• The output is a JSON file and an image file.
• The output image will be sliced unless otherwise specified.

example

image.
window-image
icon-image

Explanation.

• If a layer or group layer has a name like the above, it will generate an image of the combined image of that layer and its child layers, and will be given an Image component in Unity.

caution

• Child layers are also treated as images, so they will not be converted.

• The button component is granted in Unity.

• A child layer needs an image layer.

example

text
title-text
name-text

Explanation.

• The Text component is also attached in Unity by giving the text layer a name like the above.

caution

• The font used by AdobeXD must exist in the Unity project, in Assets/I0plus/XdUnityUI/Fonts/ below, in .ttf or .otf.
• There is a design difference between AdobeXD and Unity. (e.g., Kerning).

example

textmp
title-textmp
name-textmp

Explanation.

• The TextMeshPro component is also attached in Unity by giving the text layer a name like the above.

caution

• You need TMP_PRESENT in Project Settings > Player > Scripting Define Symbols.
• TextMeshPro font assets are required for fonts used by Adobe XD in Unity projects, such as Assets/I0plus/XdUnityUI/Fonts/.
  • Example: If you are using the Open Sans font Regular in AdobeXD
    • TextMeshPro font, look for the file name "Open Sans-Regular SDF.set".
• There is a design difference between AdobeXD and Unity. (e.g., Kerning).

Explanation.

• Scrollable vertical layout.
• Refer to the samples.xd VerticalListSample artboard. (with scroll bar).
• 
• A postscript is planned.

• It may be a problem on Adobe XD. It is under investigation.

• There may be no font.

• It will output the name of the font file you tried to find in the Console but couldn't find.
• Rename the font file, if possible, and copy it to the XdUnityUI/Fonts directory (the directory where the "So_XdUnityUIFonts file is located).

cause

• Scripting Define Symbols does not have TMP_PRESENT.

countermeasure

• Install the TextMeshPro package.
• Add TMP_PRESENT to Project Settings > Player > Scripting Define Symbols.

• The artboard background has been set up.

• Select the art board and uncheck "Appearance" > "Paint".

• To change the XDX file
  1. rename XdUnityUIExport.xdx to XdUnityUIExport.zip.
  2. unzip and edit the index.css file.
  3. zip compression again, change the extension to xdx.
  4. reinstall the plugin.
• When expanding to the Adobe XD development folder
  1. uninstall the XdUnityUI export plugin.
  2. rename XdUnityUIExport.xdx to XdUnityUIExport.zip. Unzip and copy the folder to the AdobeXD development folder (go to Plugins > Development Version > Show Development Folder).
  3. edit index.css.
  4. reload the plugin. (AdobeXD plugin menu>development version>reload).

• A postscript is planned.

• A postscript is planned.

• Enable UI design in AdobeXD until release.

• Hold the final version in the hands of the designer.
• You can use CCLibrary to integrate with various tools.

• The work done on Prefab (adding components and adjusting parameters in Unity) will disappear when Prefab is overwritten in conversion.
  • countermeasure
    • Copy and use.
    • In Prefab Variant, evacuate additional work.
      • A name change would cause the work to disappear.
      • There seems to be some work left in the Variant file (under investigation to see if it can be restored).
• 9Slice.
  • in support of
• Component State
  • https://helpx.adobe.com/jp/xd/help/create-component-states.html
  • When it becomes possible to obtain it through the AdobeXD Plugin API, we will support it.

• under investigation
  • Can it be converted to UXML?
  • Is it possible to create a UI for DOTS mode?

• https://github.com/itouh2-i0plus/XdUnityUI

• "Vector graphic for Fishdom Playrix" by Daria Volkova is licensed under CC BY-NC-ND 4.0
• https://www.behance.net/gallery/10239443/Vector-graphic-for-Fishdom-Playrix