🎉 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 publish 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.
Publishing your components
You now can publish your Adobe XD components directly into Zeplin and they will be listed under the Components tab of your styleguide.
Publishing components is very similar to publishing 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 (Beta) > Export Selected…” from the menu, or use the shortcuts:
On Mac: Ctrl+Shift+E
On Windows: Ctrl+Alt+Z
Once the export process ends, they will be listed under the Components tab of the styleguide.
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
Publishing components using the legacy integration
If you’re using the previous legacy integration, make sure that the file is saved locally before publishing. Due to a technical limitation, it is not possible to export files saved on Adobe cloud.
The short-cut for publishing to Zeplin is “Command+Option+E” on Mac and “Ctrl+Alt +E” on Windows.
Troubleshooting error messages
☝️ If you see the “No artboard or component selected” error message, saving your Adobe XD file and re-exporting it should do the trick.