☝️ 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:
- 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:
- Save the file manually, making 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.)
- 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.
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