Sharing Is Caring:

How to Design & Prototype in Adobe XD

Everything you need to know about Adobe XD to start designing & prototyping awesome apps.

Free tutorial

100,146 students

1hr 12min of on-demand video

Created by Daniel White

What you’ll learn

  • Use these 7 specific steps to immediately increase your productivity
  • Avoid one of the biggest time management traps almost everyone falls into


  • You will require a copy of Adobe XD.


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.

Show less

Course content

5 sections â€¢ 21 lectures â€¢ 1h 11m total lengthCollapse all sections

Welcome1 lecture â€¢ 1min

  • Welcome00:45

Basic Tools5 lectures â€¢ 20min

  • Creating Artboards03:36
  • Lines & Shapes04:18
  • Adding Text04:29
  • Borders, Fills & Shadows04:31
  • The Pen Tool02:37
Read Also -->   Implementation of ASIC Design Flow using Modelsim

Advanced Tools5 lectures â€¢ 15min

  • Importing & Masking Images02:11
  • Importing SVG Files02:16
  • Combining Shapes02:39
  • Aligning & Positioning Objects04:18
  • The Repeat Grid Tool04:05

Designing Assets7 lectures â€¢ 23min

  • Menu Icon03:05
  • Location Icon02:07
  • Select Icon04:52
  • Search Icon02:57
  • Options Icon02:18
  • Navigation02:42
  • Tags05:16

Prototyping3 lectures â€¢ 13min

  • Linking Screens & Transitions08:02
  • Exporting Assets02:04
  • Sharing Prototypes02:24

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course
Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock