User Experience


User Experience Design Essentials - Adobe XD UI UX Design

Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design

4.61 (27955 reviews)



13 hours


Nov 2020

Last Update
Regular Price

What you will learn

Become a UX designer.

You will be able to start earning money from your XD Skills.

You will be able to add UX designer to your CV

Build a UX project from beginning to end.

Become a UI designer.

Build & test a full mobile app.

Build & test a full website design.

You will have a project of your own to add to your portfolio.

93 lectures of well-structured, step by step content.

Learn to design websites & mobile phone apps.

Work with fonts & colors.

Prototype your designs with interactions.

Test on mobile phones.

You'll create realistic prototype complete with micro interactions.

Send your designs for feedback & commenting.

Export production ready assets.

Create your first UX brief & persona.

Create quick wireframes.

How to use premade UI kits.

Learn professional workflow tricks & shortcuts.

You will get the finished files so you never fall behind

Downloadable exercise files

Forum support from me and the rest of the BYOL crew

All the techniques used by UX professionals

Build a mobile app prototype that responses to voice commands.

You will be able to talk correctly with other UX design professionals.

You'll learn how to choose colors.

You'll learn how to pick the correct fonts.

You'll be able to send your finished work to other professionals in the correct formats.


Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

  • Aria: "This course is definitely above expectations so far. I didn't expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!"

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

  • Kate: Excellent course - Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it's completion. I am using Adobe XD daily and Dan's instruction was instrumental to adding this feather to my front-end web development hat.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.

  • Leigh: "I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD."

There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD.


User Experience Design Essentials - Adobe XD UI UX Design
User Experience Design Essentials - Adobe XD UI UX Design
User Experience Design Essentials - Adobe XD UI UX Design
User Experience Design Essentials - Adobe XD UI UX Design


Getting Started

Introduction to the User Experience Course

Getting started with your Adobe XD project

What is UI vs UX - User Interface vs User Experience vs Product Designer

The Brief

The UX brief & persona for our real life project

Wireframing Low Fidelity

Wireframing (low fidelity) in Adobe XD

How wide should my website or app be in Adobe XD?

Working with existing UI kits in Adobe XD

Type, Color & Icon Introduction

Working with type in your XD wireframes

Basic Colors & buttons in Adobe XD wireframes

Free icons for your Adobe XD & UX UI projects

Adding footers & Lorem Ipsum to our XD wireframe

New Pages & Artboards in Adobe XD

Class Project 01 – Wireframe Homepage & Contact Us Page

Prototyping a Website - Introduction

Prototyping & adding interactivity to Adobe XD

How to create a Popup Modal or popup box in Adobe XD

Class project 02 – Prototype

Symbols & Repeat Grids

Working with groups & isolation mode in Adobe XD

How to make & use symbols in Adobe XD

Production Video - Left Nav

Using the repeat grid in Adobe XD

Updating symbols & problems with using repeat grids

Prototype Trick to save time in Adobe XD

Navigation tricks & tips in Adobe XD

Class Project 03 - Symbols & Repeat Grids

Prototyping a App - Introduction

Mocking up an App in Adobe XD

How to use the XD App on iPhone & Android

Adding iPhone & Android battery & status icons to mockup

How to fixed the position of the nav or battery icons in XD

Production Video - Login & Dashboard

Wireframe Feedback

Sharing Wireframes for comments in Adobe XD

Recording your interactions via video using Adobe XD

Class project - Wireframe Feedback

High Fidelity UI Design

Mood Boards & resources for Hi fidelity UI design in Adobe XD

Class project - Mood Board

How to create a 12 Column or Grid in Adobe XD 2018


Working with colors inside Adobe XD CC

Tricks for using colors in Adobe XD

How to create gradients in Adobe XD

Class project 06 – Colors

Text & Fonts Advanced

Use Web safe fonts or iOS or Android specific fonts in Adobe XD

How to use Character Styles in Adobe XD

Font & Text tips tricks in Adobe XD

Adding our first Plugin Lorem Ipsum to Adobe XD

Creating realistic buttons in Adobe XD with paste properties

Class project 07 - Text & Buttons


How to draw your own custom icons in Adobe XD

Working with stokes & lines in Adobe XD

Learn to drawing with the pen tool in Adobe XD

Drawing practise with the pen tool in Adobe XD

Production Video with some drawing tips

Working with Illustrator

Back and forth with Illustrator in Adobe XD

Class project 08 - Draw your own icons

Working with InDesign

Working with InDesign in Adobe XD


The pros & cons for working with images inside Adobe XD

Working with images and CC Library connection

Adobe Stock connection to find similar image for XD project

Free images to use in your XD mockups - Unsplash Pexels Freeimage

Masking & Opacity & Blurring background images

Working with Photoshop

Working with Photoshop in Adobe XD

Production Video – Infographic

Class project 09 - Full Hi Def mockup

APP Design

How to make a mobile phone mockup with Adobe XD & Photoshop

Class project 10 - Mobile Website

Placeholder content & Plugins

Hidden features for Adobe XD Repeat Grid

Plugin - Content Generator in Adobe XD

Plugin - UI Faces adding random profile photos to XD

Plugin - PhotoSplash automatically import Unspash images

Plugin - Copy Cat or Mimic to style and images from a site

Asset Panel

Advanced Asset Panel tricks in Adobe XD

Symbol - Advanced

Advanced Symbol Tricks & Tips for Adobe XD

Micro Interactions

What are UI micro interactions in Adobe XD

Button grow or full screen image micro interaction in Adobe XD

Animated Image Gallery with micro interactions in Adobe XD

Full vector change micro interaction in Adobe XD

Class project 11 - Micro Interactions

Prototyping Advanced

Time delay transitions in Adobe XD

How to create a popup menu or modal in Adobe XD

Animated mobile side nav for burger menu in Adobe XD

How to make a working drop down menu in Adobe XD

How to use the drag transition in Adobe XD

How to make a number ticker scroll using masks in Adobe XD

Voice Interactions

How to add Alexa style voice commands to Adobe XD

User Testing

What is user testing in Adobe XD

How to run an unmoderated UX User Test in Adobe XD

Class project 12 - User Testing

Pitching to clients & customers

Mocking up your designs in situ on a real phone in Photoshop

Advanced micro interactions & prototyping with Protopie in Adobe XD

How to add animation in Adobe XD using Adobe After Effects


How to export images & assets from Adobe XD for developers

How to export code in XD for engineers using Design Specs

What Next

Class Project 13 – Roar Cycles

Conclusion for Adobe XD training course

2019 Adobe XD Updates BONUS Video


Gautam9 October 2020

Clear. Concise. Interesting. There are very few instructors who talk only how much ever is required and do not waste your time with unwanted padding. This instructor is one of them. The course is very useful, and the instructor's tone and speed are perfect. You never feel bored or confused. Totally worth it. The examples and assets used are very useful even for the future projects that you will take up. 10/10 rating and 5/5 Stars.

Desislava8 October 2020

This is my second course with Daniel and I am planning to do a few more. Daniel makes presentation of the course content easy to grasp and the topics are quite interesting.

Johannes7 October 2020

So far it suits me, some overlap of my previous experience but still some fundamentals that I was not aware of.

Brodan6 October 2020

I have just started taking the course, but already it seems very engaging! The instructor has a great speaking voice that makes you want to listen, he is very clear and concise on what he is trying to explain. Offers many files that I will get to use which is also a huge plus.

B6 October 2020

Took a class in college on UI/UX that was mostly theoretical/foundational info. David is giving me great real-world advice and a smooth introduction into the freelance design life

Moye26 February 2020

It is good so far. I like that the instructor explains things clearly and simply. When it gets to the more technical aspects of the course is when I'll be able to give a more informed assessment.

Aditi25 February 2020

This is the course I was looking for. I tried so much to find a course in which both UI and UX will be taught but in most of the UX courses only theory is given. This course gives me the actual practical knowledge. Thank you.

Evan25 February 2020

I'm taking the course to add on to the UX boot camp I am taking. I am learning UX but they don't teach me how to use a specific tool so this class fills that need for me. Great content so far although Adobe XD has updated so frequently that some seems quite outdated already (components vs symbols is a big one).

Diana25 February 2020

Super, świetny prowadzący z dobrą energią, już teraz jestem pewna, że kupię więcej kursów pana Scotta :)

Pablo24 February 2020

This is a great course that have exceeded my expectations, I'm learning every single minute. Thank you Daniel Walter and Udemy for making available such a great course.

Nicola23 February 2020

Daniel is a fantastic teacher. With his funny style, exercises and a logic way, from wireframe to final project, he will teach you all you need to know about Adobe XD. This is the first act, obviously; becoming a good UX Designer will depend on you :) Thank you so much Daniel!!

Shelly22 February 2020

Dan is such a great instructor, he's entertaining, easy to follow, patient and knowledgeable. Loved this course and very excited to get started in the UX/UI field!

Zoie22 February 2020

I like it so far, I now have a basic understanding of what is a UX/UI designer and the differences between UI and UX. Can't wait to see what else I can learn from this.

Diane21 February 2020

He talks fast enough, doesn't waste any time. I guess I will see how things go with the planning of projects. I am a designer and am familiar with briefs and many of the elements he talks about.

Lydia21 February 2020

Amazing course I have ever taken on UX/UI Design in Adobe XD. I have learned so much and I had fun doing. Dan is an incredible instructor! His style of teaching is definitely not boring. In this course, you will walk away feeling confident in all your learning from Dan. Thank you!


Expired11/27/201995% OFF


Udemy ID


Course created date


Course Indexed date
Course Submitted by

Android PlayStore
Apple Appstore