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

[@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…✅💯

[@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

[@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.

[@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!

[@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

[@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.

[@ibrahimafolabi8132]

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

[@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.

[@khalidhassan8601]

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

[@KailasSBhat]

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

[@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.

[@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. 🎉

[@alinazhou1365]

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

[@naokos5927]

Fantastic thank you, looking forward to more :)

[@goldjellyfish2452]

Thanks for this and everything sir. You are appreciated 👍

[@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

[@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 👌😍

[@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.

[@GabyDavalos]

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

[@marehabdallah]

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

[@kerymauvais7367]

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

[@uncreativename454]

Amazing course! thank you so much for this

[@kioheritage3945]

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

[@md.al-raihanferdaus4055]

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

[@vitauxdesign993]

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

[@jamielisbon3566]

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

[@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

[@iqsaanbadroodeen3612]

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

[@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

[@vuosoasketterman3369]

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

[@umasree836]

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

[@mdhanzalaashrafi5827]

Thank you, It was really helpful.

[@abdulbasitnisar]

Your courses are a treasure for us!

[@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!

[@MonicaSilot]

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

[@TheTransnocho]

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

[@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

[@kebman]

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

[@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

[@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.

[@marierumi]

Thank you sir!

[@Kingz_Dezignz]

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

[@morriskamau_m]

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

[@pagalwep612]

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

[@keiwan_TA]

Well done! Thank you, sir (from Iran)

[@harddark569]

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

[@aden1594]

Your video is very helpful. I downloaded it succe

[@birukethiofunnyvideo-bestc1379]

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

[@tahasamuraie9047]

Thank you for an amazing course

[@ayobami3246]

i love your teachings Dan

[@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.

[@georgecschuler]

Thanks…….Great course!!!

[@harpreetsindhia5349]

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

[@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.

[@chalongkrungsae-ueng8370]

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

[@ninjabuntakmobile]

Wow man it really works!

[@janafilm8275]

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

[@adevikthur]

Thank you so much!

[@affnazwan]

THANK YOU A LOT!!!

[@ZeinabZafer]

Thx sir for this course❤👏

[@erikakanealbos9426]

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

[@mansoormehboob5474]

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

[@kaddouridounia5737]

Thank you so much 😇 from algeria

[@shrishtisddhawan9212]

2022 y me funciono perfecto, muchisimas gracias!

[@alinazhou1365]

Great video!!!

[@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!

[@Skylac430]

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

[@ayadnoureddine]

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

[@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!!

[@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!

[@afifhaiqal2159]

work! Cheers

[@codewithcrest]

completed the course watching from cameroon

[@meatmagic7985]

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

[@dinnnnnnnnnnnn]

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

[@DayTradingWithEmmanuel.]

Like bro!)

[@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.

[@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...

[@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?

[@rayacademy99]

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

[@Abisatizz]

What laptop is best for ux and Ui designing

[@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?

[@mojtabahn6913]

You're The Best

[@mohithasnain1598]

Thank you.

[@simsolchannel]

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

[@rahmaw210]

merci beaucoup a toi :))

[@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?

[@simsolchannel]

Hello teacher, which link can download and install Adobe XD?

[@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.

[@pl-vi8vz]

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

[@thebasicmaterialsproject1892]

A been delaying learning this any in person class I'm based London

[@pradnyaogale24]

ahhh, I just bought this course on udemy!!

[@rowaiyeayomide5911]

😂😂😂😂😂😂😂

[@tayyab8215]

Love from Pakistan great video!👍

[@Lali88_]

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

[@samuelgarciaflores535]

My GMS (app) softs different. Why?

[@tuhinhossain9915]

How to download Adobe XD Software. Please help me.

[@nawalalmalik]

Hi ... Can you tell me where is the assignment/Projects/comments folder on the website wher we can upload our brief ?

[@marjibajamir5559]

You'll have to buy the course to access the sharing/upload section

[@ahmadhawwa8919]

I can use Illustrator, but I need a course that teaches me how to design a brochure or menu or booklet.

[@tavosuke]

Do the videos have subtitles in Spanish ? I understand a little English