Prototyping with Adobe XD Course (How To)

Adobe XD is a visual prototyping tool for PC and macOS. In this course, you'll learn how to use Adobe XD by building a mockup for a travel booking app. By the end, you'll be able to create interactive prototypes that can be shared with others.

What you'll learn

• The Adobe XD interface
• Creating interactive prototypes in Adobe XD
• Sharing Adobe XD projects with others

Introducing Adobe XD

Adobe XD is a simple but versatile tool for creating interactive visual prototypes. The first step of creating mockups with Adobe XD is to learn the interface.

Chevron 4 steps

• Why Prototype in Adobe XD?

  1:42

• The Adobe XD Interface

  6:33

• Navigating the Workspace

  4:13

• Introduction to Adobe XD

  5 questions

Prototyping Designs in Adobe XD

Designs can be created in Adobe XD by drawing simple shapes and then adding text and images.

Chevron 5 steps

• Drawing Shapes

  3:57

• Adding Images

  5:10

• Adding Text

  7:45

• Layers and Repeat Grids

  8:19

• Prototyping Designs in Adobe XD

  5 questions

Interactivity in Adobe XD

A mockup is no good unless you can share it with others. Adobe XD makes it easy to share interactive prototypes.

Chevron 5 steps

• Adding Artboards

  7:31

• Creating New Screens

  7:32

• Adding Interactivity to Prototypes

  5:53

• Sharing Designs

  3:28

• Interactivity in Adobe XD

  5 questions