Intro
Adobe XD is completely free and works with both Mac and Windows.
Follow this link to download the desktop version
We also suggest to install the app on your mobile devices.
Templates structure
As you open an XD file you will find all the artboards within the same window. This is very helpful to create and preview a set of consistent designs, as well as to export in batch the desired layouts as .jpg or .png
The app is very intuitive to use, with a few main elements that you need to be familiar with: images, texts and shapes.
The templates come with pre-built areas where you can drop in your images with ease, straight from any folder on your computer. Just drag and drop your photos to place or replace them. In order to change the size or positioning, double click on the image and use the handles to perform any adjustments.
Some layouts feature an overlay texture.
To edit these layouts follow these steps:
Editing texts in Adobe XD is really straight-forward, simply double-click on the text box and type in your own content.
In Adobe XD sidebar all the options to easily change the font, pick colours, edit size & spacing. Any fonts can be used as long as they are installed on your computer.
FROM DESKTOP
To export your finished designs from the desktop go to File > Export > Selected… or All Artboards…
You’ll be able to select the file format (jpg, png, pdf) and the layouts you wish to export.
FROM MOBILE
With Adobe XD you can connect your phone and preview the designs in real time.
To do so, follow these steps:
Images Copyright
PRESENTATION IMAGES COPYRIGHT BY ALEXANDRA HOLYER ONSERPENTINESHORES.COM