A video guide on how to export designs from Adobe XD CC to Zeplin. Zeplin automatically exports assets marked for export in Adobe XD. When a layer is marked for export, you don’t need to worry about setting up export formats or sizes: Zeplin will automatically generate the assets with different scales and formats, tailored to the platform you’re designing for—Web, iOS, Android. Downloaded Zeplin, installed it 5. Opened Adobe XD 35 version and created a new document on my computer, save it and then tried to export artboard to Zeplin. It asked me about something to allow, I clicked OK and Zeplin offered me to select a project 🙂. Once that done, you can update XD. With the Zeplin + Adobe XD integration you can easily share your XD designs and specs to give your team the insights they need and provide comments. Once you export, your team will have access to the designs in an organized way, with all the assets and code snippets to make the development process more streamlined.
All Collections. Adobe XD Integration. Adobe XD Integration +1. 5 articles in this collection Written by Pelin, Didem, Gokay and 1 other Exporting assets from Adobe XD Learn how to export assets from Adobe XD to your project. Written by Pelin Updated over a week ago Exporting components from Adobe XD.
☝️ 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:
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:
Adobe Xd To Zeplin
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
Zeplin Adobe Xd 2020
Zeplin Adobe Xd Pro
Related articles: