Exporting components from Adobe XD

🎉 Great news! Zeplin recently rebuilt the Adobe XD integration from the ground up to fix critical performance issues and support cloud documents. You can give the new Zeplin Adobe XD plugin a try by following the details here.

In order to export from Adobe XD, you will need to have the latest versions of both Adobe XD and Zeplin installed on your computer. After installing the plugin from https://zpl.io/xd-plugin, you will see a new menu item in the Plugins menu of Adobe XD.

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:

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. Select "Plugins > Zeplin for XD > Export Selected…” from the menu, or use the shortcuts:

3. On the project selection window, you can switch between your workspaces to choose the desired project or styleguide.

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

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

If you’re using the previous legacy integration, make sure that the file is saved locally before exporting. Due to a technical limitation, it is not possible to export files saved on the Adobe cloud.

The short-cut for exporting to Zeplin is “Command+Option+E” on Mac and “Ctrl+Alt +E” on Windows.

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