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. Zeplin is a connected space for product teams where they can handoff designs and styleguides with accurate specs, assets, code snippets automatically. Export your file in one click using our Adobe XD and Adobe Photoshop plugins, generating development resources automatically. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.
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 or macOS.
Exportable layers
When you add an image to your artboard, Adobe XD marks it as exportable by default. To mark a layer for export manually, you can select the layer to open the Layers panel, hover over the layer, and click the export icon.
Zeplin Adobe Xd 10
You can also check the “Mark for export” option at the right bottom of the screen.
After you’ve exported your artboard into Zeplin, simply click on a layer on the screen or go to the assets tab on the right panel to see a list of all the assets to developers.
Related articles:
We’ve rebuilt the Adobe XD integration from the ground up to fix critical export issues like cloud components exports.
With this brand new integration, Zeplin uses Adobe XD Plugin APIs to export the data and the images out of Adobe XD. This API does have certain known issues and limitations that you should watch out for. 🕵️ We're already in touch with the Adobe team and will keep this list updated as they are changed or fixed!
Make sure to try exporting again if you run into an issue, and if it continues, check if it matches any of the known issues below.
A video guide on how to export designs from Adobe XD CC to Zeplin. Zeplin exports artboards and components as 2x by default to support Retina displays. This behavior has an exception for Adobe XD plugin exports. If you have an artboard/component bigger than 8000x8000 pixels, Zeplin exports it as 1x instead of 2x.
Zeplin Adobe Xd 9
Artboard Size Limits
Zeplin exports artboards and components as 2x by default to support Retina displays. This behavior has an exception for Adobe XD plugin exports.
If you have an artboard/component bigger than 8000x8000 pixels, Zeplin exports it as 1x instead of 2x.
Zeplin Adobe Xd
If your artboard/component is bigger than 16000x16000 pixels, due to the technical limitations on Adobe XD Plugin APIs, Zeplin plugin displays an error: “Your selection contains some artboards over the export limitations”. You need to reduce the size of those artboards/components to export them successfully.
Not launching Zeplin app
Zeplin Adobe Xd Software
If you install the Zeplin plugin in Adobe XD but don’t have the Zeplin desktop app installed yet, the plugin won’t be able to launch Zeplin once the export process is done. Please download the Zeplin desktop app here and try exporting again:
Grids
Due to the technical limitations on Adobe XD Plugin APIs, it’s not possible to get grid data for now.
Hope these help, let us know at support@zeplin.io if you're still having an issue!
Related articles: