UI/UX design with Adobe XD: Design & Prototype a Mobile App (Udemy.com)
Learn how to design a beautiful and engaging mobile app with Adobe Experience Design (XD). Learn-by-doing approach.
Created by: Luca Vavassori
Last updated November 2017
Our take
Based on the ratings of 4,318 students, a sample of their written reviews and the syllabus, as the course stood in November 2017. No course pays to be reviewed.
Two hours, 14 lectures, one dating-style iOS app with seven screens. That is the whole deal here. Luca Vavassori spends the first 26 minutes on the XD interface, tools and shortcuts, then walks through designing the home, login, signup, browse, menu, inbox and settings screens, and finishes with a single eight-minute lecture on wiring them into a clickable prototype. The source .xd file is included. It's aimed at complete beginners, Photoshop users curious about XD, and product people who want to mock up their own ideas without hiring a designer.
Reviewers like how literal it is. Luca calls out the exact pixel values for each element on the iPhone artboard and names every Mac and PC hotkey as he uses it, and one student says it is a quick way to get a prototype into a portfolio. The complaints are consistent too. His delivery is monotone, the pace is quick and more about finishing the project than explaining why, one student wanted a lesson on organizing layers, and the captions don't match what he says. A three-star reviewer says student questions go unanswered, and another notes the certificate arrives with no feedback on your work.
The bigger issue is age. The course was last updated in November 2017, so the XD interface on screen is unlikely to match what's installed today, and the syllabus stops after one short prototyping lecture. Against the longer XD courses it sits beside, this is the quick primer, not the deep one. With 4,300 reviews averaging 4.4 stars, plenty of people have been happy with that trade. Take it for a fast first project, then move on to something more current.
Pros
- Exact pixel sizes and Mac/PC shortcuts called out on every step, so beginners can follow along precisely
- Seven-screen dating app plus the source .xd file, a portfolio piece in about two hours
- Learn-by-doing format with almost no theory; 88 of the 122 minutes are hands-on design
- Clear, step-by-step narration that reviewers say never skips a step
Cons
- Last updated November 2017, so the XD interface shown is unlikely to match current builds
- Monotone delivery and a fast pace that favors finishing the project over explaining why
- Reviewers report unanswered student questions and captions that don't match the audio
I tried XD on my own at first but had difficulty knowing how to use all the functions. This course was an awesome way to familiarize myself with the program.
Listed as All Levels but really a first-timer course; anyone who already uses XD daily will find little new here.
What you will learn
- You'll learn how to use Adobe XD to design and prototype a mobile app. The skills acquired can also be used to design websites
- You'll be able to apply the design techniques and productivity tips you have learned in your own design workflow
- You'll be one step closer to becoming a good UI/UX designer
Course content
4 sections · 14 lectures · 2 hours of video 3 articles
- 1The Basics 1 free preview5 lectures · 26 min
- 2Mobile App Design 1 free preview7 lectures · 1.5 hours
- 3Prototyping1 lecture · 8 min
- 4Source file and Resources1 lecture
Who it is for
The instructor says it suits
- This course is for UI/UX design beginners who want to improve their skills and learn a new design tool
- This course is for Photoshop users who want to switch to a tool really built for UI/UX designers
- This course is for Product Managers or Entrepreneurs wanting to broaden their design skills in order to create better products
What you need before you start
- You need Adobe XD CC installed on your machine (macOS or Windows 10)
- No specific knowledge needed to start this course
How it compares
Against the other 144 rated Udemy courses in UX Design on CourseDuck:
- Rating4.4 out of 5higher than 43% of them
- Reviews4,318#18 of 145 by number of reviews
- Length2 hoursshorter than 75% of them
- Last updatedNovember 2017earlier than 86% of them
Quality Score
Overall Score : 88 / 100
Course Description
Adobe XD is a brand new design and prototyping tool made by Adobe, totally dedicated to UI/UX designers.
In this course, I will teach you the basics of this new software and will show you step by step how you can design a beautiful and modern iOS mobile app.
In the first part of the course, you will see how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity.
Then we’ll jump right into design and we’ll start creating a dating-inspired mobile app, made of 7 great looking screens: home, login, signup, browse, sidebar menu, inbox, settings.
Not only that, I'll teach you how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third party software.
The source .xd file of the app we designed will be included, along with the other resources I used.
This course has a learn-by-doing approach. There won’t be much theory, it’s all about teaching you how to design a real world mobile product and showing you the full potential of Adobe XD.
By the end of the course, you will have a very clear picture of how Adobe XD works, and you will be able to apply the design techniques, productivity tips and all the skills you have learned in your future design projects.
Instructor Details
- 4.4 Rating
4,318 Reviews
Luca Vavassori
I have been working in the online industry for the past 15 years, and I always had a thing for clean and usable user interfaces.
But it’s only after I quit my Product Manager job and founded my own startup, that I decided I wanted to be the one to design my own products. I didn’t like what the designers I hired were creating, so I just started doing it myself. I took a dive into the amazing world of UI/UX design and started learning and practicing really hard until I produced some decent results.
Fast forward a few years, I am now working as a UI/UX freelancer and consultant, helping other companies creating beautiful and engaging products or re-designing their existing ones.
Learning was the most important aspect of my path to becoming a UI/UX designer, and this is why I started teaching others the skills I acquired over my 7 years of design experience.
I want to teach others what I wished someone taught me years ago, and hopefully help change other people’s lives and careers as I did with mine.
Hope you'll enjoy my courses!
More UX Design courses
Learn Figma: User Interface Design Essentials - UI/UX Design (2022)
4.8 (1,791 Reviews)
Provider: Udemy
Time: 10.2h
$199.99
iOS 12 & Swift 5 - App Design, UI/UX plus Development (2022)
4.8 (955 Reviews)
Provider: Udemy
Time: 80.5h
$94.99
User Experience Design Essentials - Adobe XD UI UX Design (2025)
4.7 (46,830 Reviews)
Provider: Udemy
Time: 9.7h
$189.99
Learn Figma - UI/UX Design Essential Training (2023)
4.7 (18,337 Reviews)
Provider: Udemy
Time: 3.7h
$119.99
How To Design for Accessibility: for UX Designers (WCAG 2.2) (2026)
4.7 (7,863 Reviews)
Provider: Udemy
Time: 8.9h
$109.99
Reviews
By Nerea Salvador Garcia on 6/13/2022
The voice of the person talking sounds as if he is bored, so monotone and no enthusiasm at all. He explains very well though, and i am learning a lot of tricks. I still can not get the UI tool kit, nothing appears on my XD and i do not understand how to export them once download. Maybe some explanation on that would be useful, as he uses few tools from there.
By Jeff Tucker on 4/4/2020
Goes too fast and is more so getting through the project than teaching you the proper ways to use Adobe XD. I wish you did a whole lesson on organizing our layers throught the process because mine are a mess and makes it hard when you duplicate screens, etc. Overall great course to get your feet wet and get a prototype into your portfolio ASAP!! thanks!
By Stacey L Terrell on 1/16/2019
I'm really enjoying how to create the icons with the rectangles and circles. This is a great course for reinforcing what I've learned from other XD Classes. Quick and to the point. I love this very simple app design!! I learned how to draw and create a lot of the icons from this course. I'm glad I took another intro to XD course before this one because I had never used XD before. This is a great reinforcing class One recommendation, although it was explained how to use Font Awesome for some of the icons, it would have been helpful to have these as downloads to drag and drop vs trying to get Font Awesome installed. I improvised with svg icons I had downloaded because I could get font awesome to work properly on my Mac without taking time away from the course to troubleshoot.
By Lennart Reichstein on 6/21/2018
This course is a great start for someone new to Adobe Xd. It covers a relatively lot of ground in little time and I now feel prepared for experimenting and learning more things on my own. Very little material is provided though so finding the necessary resources is gonna take some time for the novice. Unless you can figure out how to pull out the resources from the .xd-file that is provided at the end of the course. The lack of material is only a bad thing if you don't have the necessary time for searching after resources, since going through pexel.com and the other (by the author recommended) sites is a learning experience by itself. And the tips on their own are really great. Also, Xd has changed a bit since this tutorial was made. But I had no problem adapting to my version - 9.1.12.3. I highly recommend reading up on new features though after finishing the course. This is a good place to start: https://www.adobe.com/se/products/xd/features.html Overall this was a really good educational experience.
By Ingrid Eckmann on 3/15/2018
This was a refresher course for me. I started using the beta version of Xd, and loved how easy to use and intuitive this app really is. The built in prototype tool is great. Am back to experience the CC version of the app, which now has the Zeplin plugin for essential developer collaboration. The lectures are very monotone, was missing some excitement for this terrific application.
By Wanessa on 2/1/2018
O curso é excelente. Apenas acredito que o instrutor poderia dar dicas de como resolver algumas coisas se você está utilizando Windows em vez de Mac, porque alguns reursos ainda não estao disponíveis para Windows. Além disso, seria interessante que ensinasse como baixar e instalar os UI Kits. Com isso o curso estará completo. Mas, no geral, o curso é 99% esclarecedor e dá pra devendar a ferramenta completamente.
By Jake Fahrbach on 1/18/2018
Only one lesson in and I'm already learning features I did not know the software had. PRO TIP: Learn the shortcuts as you go, it will make keeping up easier! Only complaint is it would great to include all of the images and resources needed. Just be prepared to do a little digging online to get photos, icons, etc.
By Alexandra Benton on 9/9/2017
Great beginners course that teaches in detail the most used elements of Adobe XD. The app you create in this project can make a good portfolio piece if you add more artboards to it! Overall I would highly recommend! My only advice to the instructor is to add the source files at the start and not towards the bottom of the course.
By Danny M on 7/3/2017
Excellent course! The instructor did a wonderful job explaining Adobe Xd and we got to build a beautiful looking app. Some of the Youtube tutorials I did were pretty trash but this one is nice aand professional, something you could show a client. The instructor is clear and his delivery is excellent. There is no reason not to get this course if you want to learn Adobe XD.
By Mihyeon Jeong on 4/23/2017
Hello! I'm a South Korean web designer. I wanted to study Adobe XD and I saw this lecture! I was a beginner, a lesson I could easily learn. I studied in the environment of Windows 10, and it was not functioning as Mac, but it was able to do it safely. (Ex.symbol function, paste text into inbox.) Although the class was in English, I studied easily with easy-to-understand practical explanation. thank you. (I borrowed the power of translation because I could not speak English well...T.T)






