Adobe Xd Masterclass - UI / UX Design From Scratch

  • Language: English
  • Certificate: of completion
  • Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Duration: 20h 9 mins

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, here you'll find the most complete course to get started in UI / UX design using Adobe Xd

Category Course format Language Duration Level
UX Design, UI Design Online English with Subt. 20h 9 mins Beginners and Intermediate

Getting into UI / UX design can be difficult because you see all of these examples online, but you don't know where to start, which tools to use and how to organize your work. Working in Adobe Xd gives you unlimited possibilities because you can create, prototype and share, all in one tool, on Mac or PC, for free.

Hey designer, my name is Alex and in this 20+ hours long masterclass you are going to learn:

  • Basics of Adobe Xd and what it can do
  • How to create great design brief
  • Create website architecture
  • Draw your wireframes on paper
  • Then import and create them in Adobe Xd
  • Create complex designs by adding colors, images and animations
  • Share those designs with client to get feedback
  • Create responsive design with multiple sizes
  • Present your designs in a portfolio
  • And finally, how to export your assets for developers using industry standards.

This course covers everything you need to know to get started in UI / UX design, or to improve your skills. You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course.

So if you want to improve your skills and productivity, save a lot of time and money on iterations and create designs faster, then I'll see you in the course.


What you will learn
in this course.

  • Lessons
  • Lesson 1
    Adobe Xd Basics
    • Course Overview
    • Introduction To Adobe Xd
    • Install Adobe Xd
    • Home Screen
    • Get To Know Adobe Xd
    • Shapes
    • Pen Tool
    • Text Tool
    • Artboards
    • Guides
    • Repeat Grid
  • Lesson 2
    Design Process And Brief
    • Design Process Overview
    • Our Design Brief
    • Find The Target Audience
  • Lesson 3
    Creating Wireframes
    • Paper Wireframe Resources
    • Paper Wireframe Styles
    • Paper Wireframes 1
    • Paper Wireframes 2
    • Paper Wireframes 3
    • Paper Wireframes 4
    • Paper Wireframes 5
    • Paper Wireframes 6
    • Paper Wireframes 7
    • Paper Wireframes 8
    • Importing Our Paper Wireframes
    • Wireframes In Adobe Xd 1
    • Wireframes In Adobe Xd 2
    • Wireframes In Adobe Xd 3
    • Wireframes In Adobe Xd 4
    • Wireframes In Adobe Xd 5
    • Wireframes In Adobe Xd 6
    • Wireframes In Adobe Xd 7
    • Wireframes In Adobe Xd 8
    • Wireframes In Adobe Xd 9
  • Lesson 4
    Creating Design
    • Free VS Premium Resources And Licences
    • Optimizing Your Images
    • Creating Design 1
    • Creating Design 2
    • Creating Design 3
    • Creating Design 4
    • Creating Design 5
    • Creating Design 6
    • Creating Design 7
    • Creating Design 8
    • Creating Design 9
    • Creating Design 10
    • Creating Design 11
    • Creating Design 12
    • Creating Design 13
    • Creating Design 14
    • Creating Design 15
  • Lesson 5
    Creating Responsive Design
    • What Is Responsive Design
    • Creating Responsive Design Grid System
    • Responsive Design 1
    • Responsive Design 2
    • Responsive Design 3
    • Responsive Design 4
    • Responsive Design 5
    • Responsive Design 6
    • Responsive Design 7
    • Responsive Design 8
  • Lesson 6
    Sharing And Feedback
    • Importance Of Sharing
    • Design Sharing Options
    • Sharing The Design With Client
    • Sharing The Design With Developers
    • Creating Design Tokens
    • Creating A Design System
    • Create A Project Presentation
    • 3D In Adobe Xd
  • Lesson 7
    • Folder Structure For Asset Export
    • Exporting Your Assets
    • Creating Project Styleguide
  • Lesson 8
    Conclusion And Resources
    • Conclusion And Resources
    • Resources ZIP

Meet the teacher

Aleksandar Cucukovic

Founder at Web Donut, Teacher at Alex On Design

For the last 10 years i have designed websites, products and apps for different companies, big and small. With my wife i have started 3 startup companies and through the process met some amazing people from all over the world. For the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world. Now my mission is to improve the lives of others, and to pass on my knowledge back to the community and to all those who want to learn about the amazing worlds of design and business.


Course Content

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, here you'll find the most complete course to get started in UI / UX design using Adobe Xd


  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginners and Intermediate
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses