☝️ To export components, due to a technical limitation, make sure the Adobe XD file is saved locally on your device, and not on Adobe Cloud.
You now can export your Adobe XD components directly into Zeplin and they will be listed under the Components tab of your styleguide.

Exporting components is very similar to exporting artboards from Adobe XD. Initially, you need to select the components you want to export:

With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.

1. Select one or multiple components that are located in the pasteboard area, outside of an artboard. If your components are not in the pasteboard area, you can select them from the Assets panel of the file and drag them out to the pasteboard area:

2. Save the file manually. (Make sure that it's saved locally on your device, and not on Adobe Cloud. This is due to a technical limitation we're currently working on with the Adobe XD team.)

3. Select “File > Export > Zeplin” from the menu, or use the shortcut “Command/Ctrl + Option/Alt + E”.

Once the export process ends, they will be listed under the Components tab of the styleguide.

☝️ If you see the “No artboard or component selected” error message, saving your Adobe XD file and re-exporting it should do the trick.

Generating assets from components

If you'd like these components to be available as assets, you will need to mark them for export. You can learn how to mark layers for export here: Exporting assets from Adobe XD

Adobe Xd Zeplin Style Guide

Related articles:

We’ve rebuilt the Adobe XD integration from the ground up to fix critical export issues like cloud components exports.

With this brand new integration, Zeplin uses Adobe XD Plugin APIs to export the data and the images out of Adobe XD. This API does have certain known issues and limitations that you should watch out for. 🕵️ We're already in touch with the Adobe team and will keep this list updated as they are changed or fixed!

Make sure to try exporting again if you run into an issue, and if it continues, check if it matches any of the known issues below.

Artboard Size Limits

Zeplin exports artboards and components as 2x by default to support Retina displays. This behavior has an exception for Adobe XD plugin exports.

If you have an artboard/component bigger than 8000x8000 pixels, Zeplin exports it as 1x instead of 2x.

Adobe Xd Export To Zeplin Not Working

If your artboard/component is bigger than 16000x16000 pixels, due to the technical limitations on Adobe XD Plugin APIs, Zeplin plugin displays an error: “Your selection contains some artboards over the export limitations”. You need to reduce the size of those artboards/components to export them successfully.

Not launching Zeplin app

If you install the Zeplin plugin in Adobe XD but don’t have the Zeplin desktop app installed yet, the plugin won’t be able to launch Zeplin once the export process is done. Please download the Zeplin desktop app here and try exporting again:

Grids

Due to the technical limitations on Adobe XD Plugin APIs, it’s not possible to get grid data for now.

Exporting Adobe Xd To Zeplin

Hope these help, let us know at support@zeplin.io if you're still having an issue!

Adobe Xd To Zeplin Not Working

Related articles: