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.

When you add an image to your artboard, Adobe XD marks it as exportable by default. To manually mark a layer for export, you can select the layer to open the Layers panel, hover over the layer, and click the export icon.

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 click on the assets section at the right bottom to see a list of all the assets to developers.

Zeplin normally displays all the layers in your Adobe XD file, even if they’re grouped. At some point, you might want to keep some groups together, as a single layer. To do this, select the group layer and add “-g-” in front of your group layer names to exclude sublayers.

Next up: Downloading assets

Related articles