Adobe XD Masterclass for Beginners (Updated 2023)

If you are just starting out with Adobe XD or UI Design/ Graphic Design Software in General, this tutorial should give you everything you need to design websites and apps in Adobe XD.

🏆 //////////// Join my members community to get access to perks:
You can get this starting and ending design file

👋 ////////// Join the Discord Server and meet other creatives

------------------------------------------------------------------------------------

🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship

👋 ////////// Follow me on Social

📫 ////////// Sign up for my Monthly Newsletter

------------------------------------------------------------------------------------

🖥️ ////////// I build most of my websites using Webflow

📸 ////////// The Equipment I use

00:00 Introduction
00:35 UI Tour
06:48 Artboards
07:57 Pen Tool
08:47 Shapes
10:29 Pathfinder Tools
10:54 Text Tools
13:45 Styles & Assets
18:04 Components
20:04 Component States
21:35 Responsive Resize
24:52 Photos & Video
27:22 Masks
29:39 Repeat Grid
32:01 Stacks & Padding
34:43 Scroll Groups
36:58 Prototyping
41:28 Gestures & Actions
42:42 Timed Triggers
44:28 Plugins
45:57 Sharing
#adobexd #adobexdtutorial

[davidelopezdiaz]

thank you for remembering that adobe xd still exists and not just figma. thank you from the bottom of my heart.

[sceptersax]

A very seamless explanation on several features that’s not boring or tedious. I managed to watch the whole thing when I wasn’t even intending to. Great class.

[seanc]

I learned on Figma, but the job I just landed uses XD. Thanks for this! Making the transition seems pretty simple now.

[UngovernableMighty]

And this is what many are lacking, always some kind of a quick 1h overview tutorial after some 1-2 years is very important. Cause many dont understand that softwares get updated all the time but they still sticking to their old tutorials till these days.

[davidwilliamMw]

Thank you its great. But i would recommend starting from strach not having an existing project to learn from.

[qhairilsalim]

I know it's about a year already but I really like the way you explain things. I literally new to UIUX design and I wanna to get at least an exposure about adobe XD. turns out you did explain almost everything about the fundamental of adobe XD!!! thank you for this. I really learned a lot.

[kdbug]

Great tutorial! Watching most tutorial videos on YouTube, I get underwhelmed/overwhelmed within a matter of moments, but not here. Great pace that gives the basics we need to know in a logical order to solve a problem and create a product! No cognitive overload and no confusing explanations. 5 stars! haha

[kadyultraviolet]

Great tutorial! I had some experiences in XD already, but your masterclass still taught me a lot. Would totally recommend to anyone who's interested in XD.

[harrigkiouliver]

Even though it is a bit fast for a beginner, this is a great tutorial!!!
Thank you so much!
Greetings from Greece!

[patrikmedia]

curious to know the relevance of XD in the coming future now that Adobe acquired Figma which has a much larger userbase.

[ladyj]

Thank you so much JS. Re: Responsive resize, I am converting a desktop size to mobile all text boxes must be converted to the auto width box, grouped then command shift option takes everything down, one piece at a time, quite a bit of work.

[tim_longhurst]

Brill tutorial. I needed a reminder after having not used XD in a long while. This was perfect. Thanks.

[LeeLeeLoves]

Excellent video as always! Came at the perfect time for me, starting a new job next week and they use XD, not Figma! 😱
Which do you find you use most and which do you prefer?

[NeVdiii]

I've had a lesson with my teacher a week ago about XD and your video came right after the lessons. I managed to watch it today and I can tell my teacher explained everything you did. I was really curious what would be the diffrences between you and my teacher but what I know now I can start really practicing. I prefer figma but knowing these 2 programs is always an advantage. Good video! :)

[floriantenerife]

Very nice video, for me personally the background music is to much. I was taking my headphones of like 5 times to check if the radio is on or something else because I didn't knew where the music was coming from 😅

[blueviolin]

Hi Jesse, I like the way you emphasize at 12:27, I could concentrate better after that. Your tutorial is awesome :)

[musvc]

thank you for putting an effort to make this tutorial video, i wish you success in your life.

[mosesndombe]

That was awesome explained it really simple and straight forward .was pretty much invested

[kavr]

Thanks Jesse, I wish I could keep using XD I love it, but I had to switch my gears to figma. Haven't looked back since

[Dogvibes]

such a great tutorial, really awesome content and education! the poor sound quality made it very difficult for me to keep watching however. The plosives are so rough I feel like my ears are pounding. Wish you could have edited the sound more.