Design User Experience Adobe XD

How to Design & Prototype in Adobe XD

Everything you need to know about Adobe XD to start designing & prototyping awesome apps.
Free tutorial
Rating: 4.4 out of 5 (4,765 ratings)
58,074 students
Created by Daniel White
Enroll now
How to Design & Prototype in Adobe XD
Free tutorial
Rating: 4.4 out of 5 (4,765 ratings)
58,098 students
Buy now
You will learn how to use the tools in Adobe XD.
You will learn how to design an app screen in Adobe XD.
You will learn how to design icons and other popular UI elements.

Requirements

  • You will require a copy of Adobe XD.
Description

In this Adobe XD (Adobe Experience Design) training course, you will become familiar with all of the tools you need to create awesome app designs. Throughout the course, we’ll be covering the different options available in Adobe XD, with each lesson contributing to us designing an app screen together, step-by-step.

Once you have completed the course, you will confidently be able to transform your own ideas into on-screen designs, and then bring these designs to life, by creating working prototypes that you can share online.

If you get stuck, or have any questions, please let me know and I’ll do my best to help. I look forward to seeing you in the course.

Who this course is for:
  • Web Designers, UI Designers, UX Designers.
  • Students interested in learning app design and prototyping.
  • Students already familiar with similar Adobe apps, and looking to transition into Adobe XD.
Course content
5 sections • 21 lectures • 1h 11m total length
  • Welcome
    00:45
  • Creating Artboards
    03:36
  • Lines & Shapes
    04:18
  • Adding Text
    04:29
  • Borders, Fills & Shadows
    04:31
  • The Pen Tool
    02:37
  • Importing & Masking Images
    02:11
  • Importing SVG Files
    02:16
  • Combining Shapes
    02:39
  • Aligning & Positioning Objects
    04:18
  • The Repeat Grid Tool
    04:05
  • Menu Icon
    03:05
  • Location Icon
    02:07
  • Select Icon
    04:52
  • Search Icon
    02:57
  • Options Icon
    02:18
  • Navigation
    02:42
  • Tags
    05:16
  • Linking Screens & Transitions
    08:02
  • Exporting Assets
    02:04
  • Sharing Prototypes
    02:24

Featured review

David Öhman
David Öhman
22 courses
8 reviews
Rating: 4.5 out of 5a year ago
This is a free course and you get to learn the basics, nothing more or less. Half star missing because it doesn't bring anything about layers, I really would like to learn something about it. But now I can make prototypes for my future projects, which is very important.

Instructor
Daniel White
Designer & Instructor
Daniel White
  • 4.4 Instructor Rating
  • 8,793 Reviews
  • 98,078 Students
  • 2 Courses

Daniel White is a professional designer with over 10 years experience, who loves to share his knowledge and expertise, helping aspiring creatives to develop their skills. Since 2010, when Daniel founded his own design studio, he has worked with a variety of clients, delivering projects for branding, print and the web.