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 the “Zeplin for XD” menu item in the Plugins menu of Adobe XD.
Exporting your components
You can now export your components from your XD file directly into Zeplin. Exporting components is very similar to exporting artboards from Adobe XD. Follow the steps below to export your components from Adobe XD to Zeplin:
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:
On Mac:
Ctrl + Shift + EOn Windows:
Ctrl + Alt + Z
3. On the export panel, 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 section in your styleguide.
💁♀️ If you’re using the 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 shortcut for exporting to Zeplin using the legacy integration is Command + Option + E on Mac and Ctrl + Alt + E on Windows.
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
Fixing the “No artboard/component selected” error
If you see the “No artboard/component selected” error message even if you select one, saving your Adobe XD file and re-exporting it should do the trick.
