Mark layers for export in XD.
Learn how to export and download assets from design specs.
If you mark layers for export and include assets when publishing design specs, you can download them from the published design specs link. Vector assets are available in SVG, PNG, PDF, and JPG formats while bitmap assets can be exported in PNG, PDF, and JPG formats.
Layers marked for export are included as assets in design specs. To mark assets for export, select any layer on canvas, and use any of the following options:
To export multiple assets, select multiple layers within an artboard and click Mark for Export.
When you include assets while publishing design specs and share the published link with developers, you provide them with a centralized location to download those assets.
Mark layers for export in XD.
Click Share to switch to the Share mode. Select Development.
In the Design mode, select the assets that you want to export. In the Property Inspector, select the Mark for Export check box. The assets for export appear in the Share mode.
In Share mode, Select the Downloadable Assets check box to mark your assets for export, and click Create link.
Based on the platform you create the design for, each platform has a separate set of resolution settings:
To open the published design specs in the browser, click the Open in Browser icon, and select an artboard to view the assets. The browser displays the selected assets along with other artboard details.
When you hover the pointer over the assets, contextual selection highlights the selected asset in blue.
If you are a developer, you can download assets from the published design specs link shared with you. You can download all the downloadable assets on an artboard at the same time in the screen details view. You can also download assets individually in the layer details view.
When you click outside an artboard, you are in its screen details view.
In the screen details view, you see all the downloadable assets categorized as images, video, animations, and audio in the Assets section of the Property Inspector.
To download assets, do the following in the Assets section:
1. Click to select the assets you want to download together:
The Assets Selected section appears, showing the number of selected assets, categorized as images, video, and audio.
2. Click Download.
Assets are downloaded as .zip files in the Downloads folder on your machine. When downloading images, you can change the format of vector images to SVG, PDF, PNG, and JPG, and the format of bitmap images to PNG, PDF, and JPG.
When you select a layer on an artboard, you switch to the layer details view. In the layer details view, you can download assets only for the selected layer.
To download an asset in the selected layer, click Download next to the asset in the Assets section of the Property Inspector.
When you select a video layer on an artboard:
When you select a Lottie layer on an artboard:
To download assets for a component, select the component on canvas. Then, in the Property Inspector, switch to each state to download asset for it.
In the XD app, if the designer marks multiple instances of a component for export, only the last instance in the Layers panel will be exported.
For links published from XD 44 and later versions:
When you click Download, you get a dialog showing the progress. Once the download completes, you can resume inspecting artboards or navigating from one artboard to another.
If you get an error when downloading assets, ask the designer to republish the link and share it again.