In the final part of XD Week, we’ll learn how to export artboards and assets, ready for use by your developers.
Protoytping is fast and flexible in Adobe XD. There’s no need to hand the project off to another application, or build out the assets, or rinse and repeat when there are design tweaks. In XD it’s as simple as switching workspace and selecting the element you’d like to be active and dragging the connector to where you’d like it to link to.
Viewing a preview is achieved by tapping the Play icon (or perhaps quicker, using the ⌘-RETURN shortcut). The prototype preview remains live and responsive to design tweaks or changing navigation—you know what?—t’s best if you see it happen—watch the movie!
Prototyping with Adobe XD
Pro tip: In the web clickable prototype, the user is guided by hints that show where the active areas are.
Repeat Grids are a great feature of Adobe XD, and make laying out repeating elements really easy. Populating the grids is as simple as dragging a bunch of images or a text file into the grid, to have the elements populate instantly.
Creating Repeat Grids
Pro tip: organise your text file to match up with your selected images, before dragging it in (although you can always edit the text once it’s in).