Search

Adobe XD: Add a design for Adobe XD

Chi
Chi
  • Updated
As of June 2022, we now support using an em dash—to group and nest components in your designs in zeroheight. Previously this was possible by using a forward slash/ as part of the naming convention.

Select a component and add it

Arrow pointed to Upload selected button in Adobe XD.
To add all the components and artboards in your XD file, use Upload all instead (note that this one can take a while ⏱) The following XD styles also get automatically added every time regardless of whether you use Upload selected or Upload all:
  • Character styles ✏️
  • Colors 🎨
If your components aren't adding as expected, see the Troubleshooting section

Name your project

The first time you add from XD, you will be asked to give your file project a name — this will show in the zeroheight Design files.

Go back to zeroheight

Once your addition is done, go back to the zeroheight website.
Plugin window shows Update complete
If you haven’t created a styleguide yet… time to create one!
Arrow pointing to Styleguides section and arrow pointing to Create Styleguide button.

Insert XD designs into your styleguide

Once you’re in a zeroheight styleguide, you can insert XD designs and start writing some documentation ✍️ For example, you can add some color styles to the color page:
Gif showing how to upload color styles into zeroheight from Adobe XD file.

Was this article helpful?