Skip to main content

Adobe XD: Add a design for Adobe XD

Chi
Chi
  • Updated
As of June 2022, we now support using an em dashto 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 🎨

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!

Screenshot 2025-09-02 at 15.01.16.png

Insert XD designs into your styleguide

Once you’re in a 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.
Share this article
Was this article helpful?