Free Adobe XD Tutorial | User Experience Design Essentials Course | UI UX Design

This free Adobe XD Tutorial will teach you how to use Adobe XD quickly and easily!
Join my website to watch this full course + 30 others for $12p/m: byol.com/XD22L
Download the free Exercise Files to Follow Along: byol.com/XD22E
Free Trial of ALL Adobe Apps!: byol.com/FREETRIAL11
Get the Free Cheatsheet: byol.com/XD22CS
Free User Experience Design Essentials Course. Free Adobe XD UI UX Design course
Join the Bring Your Own Laptop Facebook Group: / bringyourownlaptop
Follow me on Instagram: / bringyourownlaptop
Follow me on TikTok: www.byol.com/tiktok/
Follow me on Twitter: / danlovesadobe
Join the LinkedIn Group: / 10539178
#AdobeXD #UXDesign #UIDesign
Intro: 0:00
Getting started with XD: 2:28
BYOL certificate: 4:54
What is Adobe XD for?: 7:02
UI vs UX: 12:34
What we are making?: 16:07
Persona & task flow: 17:19
Class Project 01 - Create your own brief: 28:45
LoFi vs HiFi: 32:10
Middletro: 35:06
How to use Artboards in Adobe XD: 35:54
Working with type in Adobe XD: 45:32
How to make Shapes in Adobe XD: 56:57
How to use color in Adobe XD: 1:05:22
Strokes & Borders in Adobe XD: 1:11:38
Class Project 02 - Wireframe: 1:23:34
Free icons in Adobe XD: 1:27:44
Using UI kits for Adobe XD: 1:35:43
How to use Groups & editing icons in Adobe XD: 1:42:58
Class Project 03 - Icons: 1:58:47
How to add interactions in Adobe XD: 2:04:00
Adding Animation & easing in Adobe XD: 2:11:29
Testing Adobe XD wireframe on phone: 2:17:39
Class Project 04 - Testing on your phone: 2:28:01
How to add Auto-animations in Adobe XD: 2:33:13
More animation: 2:44:31
Class Project 05 - My first animation: 2:54:26
Sharing & comments: 2:59:25
Outro: 3:06:34
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.
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.
An important part of maximizing your UX Design workflow is being able to utilize 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.
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.

[@BringYourOwnLaptop]

Hey guys! If you want to get the rest of the course then you can find it on my site. It's just $12 and you get access to all of my courses, check it out if you're interested! bit.ly/3w21PCS

[@Zeseat]

NO MENY Pls i.gat to cours to me

[@user-kj2mt6nq6c]

Why don't translate Arabic ? Please make translate Arabic I'm interested

[@ragibhossin5724]

Hi

[@olegpaskevych2218]

L L

[@olegpaskevych2218]

Okkkkkmuk kkkikkmmkkujjkp

[@user-xr1gz1pw6z]

I just wanted to reach out and say how great you are as an instructor. I have completed the Google UX Professional Certificate and i can honestly say i learnt more from this, its so much easier to understand. Such an informal way of teaching is so much better for someone like me who has ADHD. I found it difficult to stay motivated with the google course as it was too formal and text based ! Great work

[@JobsAroundTheCornercom]

Hi, Dan. You are such an enjoyable instructor. I am a UX/UI Designer but mostly work with Figma (and sadly, Adobe has just acquired them). In any case, your course helped me to learn some tips and tricks on Xd which I found extremely helpful - and yes, I made it to the end of this video. I'm from FL. I look forward to checking out some of your other tutorials.

[@Kuwandi]

Dan I find your teaching skills spot on pro. There are people touting themselves “tutors” however they are simply describing what they are doing already on the screen. You have a highly structure bullet by bullet approach…✅💯

[@AnnyeU]

Hi, this course is fantastic! I really love the way you explained the whole process especially the details on specific keys requirement for MAC, Desktop and PC. Also, I sincerely wish I could share my assignment with you on here but I can't seem to find my way around it. Thank you for your lovely content. I'm feeling like a pro in designing wireframes already and although i'm not done watching the whole content of the video, I just couldn't help commenting as soon as I completed the four pages wireframe assignment.

[@penelopekhuzwayo339]

Hi I'm Penelope Khuzwayo from South Africa, Durban and I finished the course - and will share my work soon. love your teaching style and attention to detail. thank you

[@amyquigley4763]

Hi Dan. Watched the whole thing and did all of the work. I learned so much, thank you so much!!! I'm from CA. Will be doing your full course, you are such a great teacher!

[@jessicasmitherman1846]

In the US, and just made it to the end! :D Now to head over to the rest of the course. Thanks for making these, they are easy to understand and follow along.

[@alinazhou1365]

Hi, this course is wonderful. I’m a Chinese student who studying a HCI master degree in Ireland. Yes, I made it till the end. Now I’m planning to subscribe your website to see the other three quarters. 🎉

[@cl.stromsborg]

Hi, Watched the video all the way and did the assignments. I am a UX student from Norway. Love your videos, and they have given me some aha moments. Thank you so much.

[@ibrahimafolabi8132]

This is great. I just started this, and I'm already locked in. Thank you

[@alinazhou1365]

You are such a great lecturer! I never get bored watching your video.

[@gospelprayerministries5277]

Hi I'm Gideon from India chennai , Durban and I finished the course - and will share my work soon. love your teaching style and attention to detail. thank you

[@khalidhassan8601]

Hey Dan, I wanna thank you so much for your generous Tutorials, keep going .. best wishes

[@JDMedia]

You are the best teacher no doubt!!! explaining each and every part very well... Thanks for your hard work and efforts to generate many UI UX designers in the universe 👌😍

[@KailasSBhat]

Thanks a lot Daniel! I'm fiddling with XD and this helped me a lot.

[@GabyDavalos]

I just came across with this course and it is so great, thank you A LOT!

[@kerymauvais7367]

Thank you for providing this. Made it to the end. Coming in from Miami, FL, USA

[@usalinksystem5312]

Great Tutorial! User Experience is a powerful metric in measuring brands' success. By understanding target audience motivations and expectations, it’s possible to design a product that will satisfy users' needs and therefore create an exceptional product.

[@cloninger1973]

Yes sir Mr Dan, I made it through your amazing lecture. Very informative as always. I'm from Arkansas in the United States 🇺🇸. Always learning from your courses!!

[@BringYourOwnLaptop]

You're most welcome Chris! Happy XD'ing.

[@naokos5927]

Fantastic thank you, looking forward to more :)

[@kioheritage3945]

I must say the truth this course is extremely good! Thank you so much

[@marehabdallah]

Hi Dan, I really enjoy learning from you. Thank you so much.

[@goldjellyfish2452]

Thanks for this and everything sir. You are appreciated 👍

[@md.al-raihanferdaus4055]

Thanks to you brother. I have learned a lot of things.😊😊

[@vuosoasketterman3369]

cam on ad,rat rat de hieuchuc ad nhiu suc khoe

[@vitauxdesign993]

Thank you so much sir! Sharing all this with us.

[@uncreativename454]

Amazing course! thank you so much for this

[@user-fi7ce4zx8b]

Thanks for the great in depth and clear content, I made it to the end and am from the US. Thanks again for this very helpful video

[@jamielisbon3566]

Great Video! I'm in Florida, took this along with my college course

[@abdulbasitnisar]

Your courses are a treasure for us!

[@adelesparke9516]

Brilliant, followed along creating my own little UI UX phone app wireframe design with animation that I could view/share. Really great tutorial, easy to follow and good to see the things that can go wrong to look out for. Thanks. Adele, in the UK

[@kebman]

Finally someone who doesn't talk too slowly! I watch mostly in 2x btw.

[@iqsaanbadroodeen3612]

Absolutely amazing I can’t wait to do the course love from South Africa

[@pietrogirotto6414]

Greetings from Italy, made it to the end. Really great content at the perfect pace for beginners, I am going to head over to byol for the rest. P.S. you look hell of a lot like Matt Parker from stand-up maths btw

[@MonicaSilot]

I made it to the end of the video! Thanks, it's very helpful. 😊 Monica from Philippines!

[@morriskamau_m]

Hey, I made it to the end. I am from Kenya, Africa

[@umasree836]

Hello, I'm from India. I've really enjoyed your course and I'm looking for more videos on your channel. Great work!

[@simenhagen86]

Hi, thanks for your great tutorials, i have an question - do you recommend 1440p or 4k? Just bought an 4k screen but having trouble with the small text ( hp u32 ) and with scaling from the mbp14 it gets to big. sorry for all the misspelling - english is not my nativ language

[@mdhanzalaashrafi5827]

Thank you, It was really helpful.

[@nikkitatum7116]

Hey Dan! Huge fan! Is there an online community for BYOL? It'd be fun to share class projects and stuff. I'm still on the free tutorials, working my way to your subscription. Thanks for everything, I've learned so much from you already!

[@harpreetsindhia5349]

Sir please create video for creating a good portfolio Would be really helpful for newbies

[@affnazwan]

THANK YOU A LOT!!!

[@henrythomas7112]

Your videos are very useful and provide lots of information. I have received lots of help after watching this post, please continue to share this kind of information. Thank you.

[@TheTransnocho]

Just wanted to let you know that I liked & subscribed when you told me to :)!

[@Kingz_Dezignz]

God bless you, you've changed my life with these tutorials.

[@ninjabuntakmobile]

Wow man it really works!

[@keiwan_TA]

Well done! Thank you, sir (from Iran)

[@marierumi]

Thank you sir!

[@ayobami3246]

i love your teachings Dan

[@adevikthur]

Thank you so much!

[@tahasamuraie9047]

Thank you for an amazing course

[@MotionMedia7]

Hi Dan,love your contents,very informative.I want to know if someone doesn’t have the full/paid version of Adobe XD instead is using a crack version,how can that person share between screen or is there another option to showcase your work without doing inside of adobe with an account?Just for people getting started cause afterwards you’ll have to have the paid version anyway.

[@birukethiofunnyvideo-bestc1379]

Hi sir, I wanted to to thank you for your amazing courses,

[@ZeinabZafer]

Thx sir for this course❤👏

[@superiorphoenix8318]

Hi, on 1:02:14 you seemed to align the box with "buy now" perfectly. I can't do the same. When I press on align middle and align center the text goes a noticeable amount down from where it needs to be. It doesn't align in a perfect center.

[@pagalwep612]

very nice...i startes soft soft learning.thank you so much....

[@harddark569]

Made to the end... David here... from Ghana!

[@chalongkrungsae-ueng8370]

สุดในรุ่น I'm your Adobe student :D

[@georgecschuler]

Thanks…….Great course!!!

[@alinazhou1365]

Great video!!!

[@aden1594]

Your video is very helpful. I downloaded it succe

[@janafilm8275]

Hello Sir! Are there licensing or copyright needed if I were to use some icons from the UI KIT for work or commercially?

[@shrishtisddhawan9212]

2022 y me funciono perfecto, muchisimas gracias!

[@erikakanealbos9426]

Finally, I found someone who posted a normal working crack!

[@codewithcrest]

completed the course watching from cameroon

[@timmytee734]

Does anyone know why suddenly the plus and minus short cut doesn't work for zooming? I must have clicked on something but the "undo" function didn't fix it. So frustrating to struggle with such simple thing. Thanks in advance!

[@ayadnoureddine]

Super video and amazing tutorial , I made it and I'm from Belgium

[@afifhaiqal2159]

work! Cheers

[@sharvaripurohit7856]

Hello!! the fonts I chose for my project are are working on my PC but not on theXD mobile app they are the basic ones on my phone So what should I do to make it visible on my phone?? Please help me with this Dan!!

[@kaddouridounia5737]

Thank you so much 😇 from algeria

[@mohammedatik1119]

Hey Dani wanted to know if i should complete your previous ui ux design course and then watch this video or is it just fine if i start with this?

[@weirdothen.2669]

Hey guys...so when I finish this course what else should I watch so I will be able to start working in the ui ux field as a freelancer...

[@mansoormehboob5474]

good video.. i WANT to learn more about animations in xd.. like cool transittions..or lottee animations

[@tayyab8215]

Love from Pakistan great video!👍

[@mojtabahn6913]

You're The Best

[@mohithasnain1598]

Thank you.

[@rahmaw210]

merci beaucoup a toi :))

[@Skylac430]

Hello! just joining the class and am liking it already.. so how do I upload my exercise

[@DayTradingWithEmmanuel.]

Like bro!)

[@inesribadeneira1164]

hi Dan, I made your ID, AI, PS exercises, you are the best! Im lookink this video right now, how long is the complete XD course?, Thanks!

[@meatmagic7985]

Will there be subtitles in the videos in the course? And is it possible to do a Hebrew translation?

[@rayacademy99]

hi thanks for informations. I have a question, does XD necessarily need in app Plugins ??

[@teeny_tiny_tales]

Hi Dan, Is this course different from "Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course" video published in 2019?

[@nipragupta1955]

brief kitty Shoes Your ideal customer is a woman named Ruby. Ruby is in their 40’s and is married. They are a high school graduate and work in a busy team. Ruby lives in durg, has never brought anything similar to your product before and is short on time / time-starved.

[@ambitious9844]

Hi! This course is great but I am facing a problem that when I open my document in android its saying that font is missing. How to resolve this issue?

[@garudasaktifikkiaunair]

Everything works, especially free, use until it is too late!

[@dinnnnnnnnnnnn]

XD’s out, spent ages on it for nothing!😪 switched to Lunacy now

[@Truthscaling]

you made it best love from pakistan

[@ChristopherJamesPalmer]

I'm about halfway through the video of the same topic from three years ago. Should I continue with that or switch over to this video?

[@louisa7058]

Thanks for all your videos Dan. Please, the link to the course files isn't responsive. The page is not loading for me. It keeps saying 'this site can't be reached'. I have checked my internet connection, and its fine.

[@Abisatizz]

What laptop is best for ux and Ui designing

[@codelery414]

Hello sir, thanks for the courses. I love Adobe XD for the fact that it is free. Do I have to learn figma to be good at UI/UX?

[@BringYourOwnLaptop]

It's good to at least do some basic work in Figma so you know the differences and so you're able to switch if you need to for a job. Check out my Figma video here on KZbin for a run through. - dan.

[@pradnyaogale24]

ahhh, I just bought this course on udemy!!

[@rowaiyeayomide5911]

😂😂😂😂😂😂😂

[@pl-vi8vz]

Where is the price for the full course? I cannot find it on your website ANYWHERE

[@Lali88_]

The Alt/Option Key + Click to duplicate items is not working for me :(

[@simsolchannel]

Hi, sir I want to download XD Programming...which the link for installing?

[@skytechbits]

I should have realized XD has the same steps I learned in college but the terminology was flowchart and pseudocode. Those words are cool but it is a bit frustrating when everything I worked so hard to learn is nowhere to be found. Then after much hardship to find out what I already learned was changed to some other terms. The college received their money so they don't care. I can code as well so this course will be combined with my other diverse technical knowledge base. Websites need to go back to being more functional without wasting so much space that is so distracting. I want that choice to be there for anyone who wants it on their screen.

[@sakariyahuismail1195]

Hi sir. Is your courses available for offline or they’re online ??

[@fahadboss10]

Exercise files can't be downloaded.. Please check the link.