Exporting images from an Adobe XD design

Learn how to export Adobe XD layers and artboards as JPEG, PNG, WebP, or SVG image - in Adobe XD or without it.

In this section…

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 PNG and press Export again. Avocode can scale your exported image up to the original size of the bitmap in the design file - even when it’s masked.

Export PNG images from an XD design without Adobe XD

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.