XD can maintain the editability and visual integrity of your original designs while giving you the ability to create design specs faster. And developers can get exactly what they need for their code, every time—from colors and typography to image dimensions and padding measurements.
Adobe XD lets you do the following:
You can publish all artboards that are wired to form a prototype flow.
With the Mark for Batch Export feature, you can choose the layers that are intended to be coded as images. These layers can be exported as SVG, PDF, or PNG and made available for download from their respective artboards.
Click the Share icon on the upper right of the screen, and then click Share for Development. In the Title field, type a relevant link name, and then select the platform you want using the Export For drop-down options. When you’re ready to publish, click Create Public Link.
You can select Copy Link to share the link with the developer. XD automatically uploads all artboards that are wired, either directly or indirectly, to the Home screen. Watch this video to learn more.
Developers now can get exactly what they need, along with the ability to view, inspect, and comment on published assets. Start by clicking the link to open your file in a browser window. You can see all the selected assets along with other artboard details.
Select an individual asset or multiple assets to download. You can use Cmd/Ctrl+A to select all the assets, or use the Shift key to multi-select. You can change the format of vector assets to SVG, PDF, and PNG, and the format of bitmap assets to PNG and PDF. The assets are downloaded as a .zip file in your Downloads folder.
In addition, each platform — Web, iOS, and Android — has a separate set of resolution settings for export. Learn more.
Developers can view the sequence and flow of artboards using UX flow view. This view shows how many screens need to be developed; the sequence of the design specs; and the date of the most recent update. With UX flow view, you can:
There are also a number of keyboard shortcuts you can take to zoom, set the focus on a screen, and more. Find out more.