Jump Start Adobe XD

Chapter 6: Designing Icons and Exporting

Back when we were low-fidelity prototyping, I (on the sly) inserted some icons into the design to add some clarity to our somewhat basic-looking wireframe. In this chapter, we’ll learn how to design some of those icons from scratch. We’ll explore the delicate art of icon design, as well as learn about the export feature, which allows us to ready our image assets for the developers, who will then implement them into the coded app.

Designing icons can be a difficult task, depending on what you’re trying to accomplish. A slightly odd-looking shape might be easy enough to draw, but a complex icon would require much more care. Many designers use existing icon sets downloaded from the internet for this very ...