How can I export Adobe XD assets or artboards as JPEG?

Open your Adobe XD file and select the asset or the artboard you want to export. To select an artboard, click the artboard title.

You can also mark assets or artboards for export and then export them all in bulk. To mark assets for export, open the Layers panel and click the Mark for Batch Export icon.

To export a JPEG on macOSOS, select File > Export. On Windows, click the Hamburger menu, and click Export. There are 3 options to export:
  • Batch: Export assets that are marked using the Mark for Export option.
  • Selected: Export selected assets.
  • All Artboards: To export all the artboards in your design.
When you export assets (such as photos) as JPEG, you can set the quality level of the exported JPEG according to your needs. Choose any of the percentage options in the Quality drop-down list, navigate to the destination folder, and click Export.


Would you like to update this article? Please contact us at team@avocode.com

Learn more

Need to export image assets without Adobe XD? Try Avocode

No need to buy or install Adobe XD. Open and export assets from layered Adobe XD designs on macOS, Windows, Linux or in the browser with Avocode.

Just double click on a single layer or select multiple layers with the SHIFT key and press EXPORT, set image format as JPEG and press Export again.

Export JPEG from an Adobe XD without Adobe XD

And what else is Avocode good for?

  • Export layers as a JPEG, PNG, WebP, SVG.
  • Adjust resolution (up to @4x or xxxhdpi for vector shapes)
  • Add variants in different resolutions. (You can set different scale for each variant you’re exporting.)
  • Change export path (destination folder) for your image assets. You can set default path for the whole project, but also for particular assets.
  • You can also re-export all image assets from a new design version.
  • Turn layer styles into CSS, iOS or Android code and invite others to collaborate on your design and development projects.
  • 14-day free trial, no credit card required, cancel anytime.

Get 3 pro-tips to export image assets faster

Do you want to export image assets from design files without design tools? Or turn layer styles to code just by clicking? We put together 3 tips to speed up your work.

By subscribing, you agree to receive emails about Avocode content, updates and offers. You can unsubscribe any time.