Тёмный

Adobe XD Masterclass for Beginners (Updated 2023) 

Jesse Showalter
Подписаться 393 тыс.
Просмотров 169 тыс.
50% 1

Adobe XD is an awesome design tool for people who want to focus on UI Design, UX Design, Prototyping, Responsive Web Design and more. This master class will get you up and running with all basic and advanced features of Adobe XD... Remember to Subscribe goo.gl/6vCw64
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
designchamps.io/
👋 ////////// Join the Discord Server and meet other creatives
/ discord
------------------------------------------------------------------------------------
🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship
learn.jesseshowalter.com/
👋 ////////// Follow me on Social
Instagram: / iamjesseshow
Twitter: / iamjesseshow
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🖥️ ////////// I build most of my websites using Webflow
webflow.grsm.io/1976712
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
📸 ////////// The Equipment I use
www.amazon.com/shop/jesseshow...
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

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 86   
@kadyultraviolet7042
@kadyultraviolet7042 Год назад
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.
@NeVdiii
@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! :)
@kdbug379
@kdbug379 8 месяцев назад
Great tutorial! Watching most tutorial videos on RU-vid, 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
@davidelopezdiaz7580
@davidelopezdiaz7580 Год назад
thank you for remembering that adobe xd still exists and not just figma. thank you from the bottom of my heart.
@Six-px9ll
@Six-px9ll 5 месяцев назад
oh how this comment dated fast 😅
@HareRamShahani
@HareRamShahani 5 месяцев назад
Skk
@tim_longhurst
@tim_longhurst Год назад
Brill tutorial. I needed a reminder after having not used XD in a long while. This was perfect. Thanks.
@seanc9088
@seanc9088 Год назад
I learned on Figma, but the job I just landed uses XD. Thanks for this! Making the transition seems pretty simple now.
@user-sg8xs5ei6k
@user-sg8xs5ei6k Год назад
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.
@sceptersax
@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.
@jeanbbless5762
@jeanbbless5762 9 месяцев назад
M BG r🎉🎉
@ladyj3474
@ladyj3474 Год назад
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.
@Maloempia
@Maloempia Год назад
Hi Jesse! Great video, thank you. Is there a more detailed video for the drag interaction? I can't figure out how to go back and forth..
@garrhetsampson
@garrhetsampson Год назад
This was a great tutorial! Thank you!
@davidwilliamMw4
@davidwilliamMw4 День назад
Thank you its great. But i would recommend starting from strach not having an existing project to learn from.
@tayloradams9320
@tayloradams9320 Год назад
Super helpful, thank you!
@harrigkiouliver1223
@harrigkiouliver1223 2 месяца назад
Even though it is a bit fast for a beginner, this is a great tutorial!!! Thank you so much! Greetings from Greece!
@wvwnwwvnvwvnwvnw
@wvwnwwvnvwvnwvnw Год назад
AWESOME!!
@LeeLeeLoves
@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?
@blueviolin1
@blueviolin1 9 месяцев назад
Hi Jesse, I like the way you emphasize at 12:27, I could concentrate better after that. Your tutorial is awesome :)
@colindante5164
@colindante5164 Год назад
An amazing tutorial. Thankyou so much ))))
@jemsmoyo6339
@jemsmoyo6339 Год назад
Amazingly helpful video Jesse!
@ketheesh5074
@ketheesh5074 Год назад
Greatttttttttt bro, thank you so much!
@suniljadhav1889
@suniljadhav1889 Год назад
Great update Tips...Bro....Hats off
@qhairilsalim
@qhairilsalim 10 месяцев назад
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.
@JesseShowalter
@JesseShowalter 10 месяцев назад
Thank you so so so much!!! 🔥💛
@mosesndombe2924
@mosesndombe2924 8 месяцев назад
That was awesome explained it really simple and straight forward .was pretty much invested
@ModernGems_
@ModernGems_ Год назад
❤ Thank you for the valuable advice on adobe xd!
@changNoi1337
@changNoi1337 Год назад
Thanks a lot!!!
@janinasaumer7695
@janinasaumer7695 2 месяца назад
Really great and helpful video :) Now it's easy to start prototyping!
@mrtnuzzz
@mrtnuzzz Год назад
Great Video! Thanks!
@7r0u8l3
@7r0u8l3 Год назад
Great work sir. Thank you.
@musvc
@musvc 3 месяца назад
thank you for putting an effort to make this tutorial video, i wish you success in your life.
@user-dd8bu6fe3b
@user-dd8bu6fe3b Год назад
thank you so much
@MoniqueMorel-dj7qj
@MoniqueMorel-dj7qj 3 месяца назад
Very helpful, interesting and nice and quick!
@unlovedrecords
@unlovedrecords Год назад
Dude! This tutorial is amazing. You just earned another Sub.
@antfr1993
@antfr1993 Год назад
I'm practicing adobe xd recreating an instagram homepage for hw. I screenshot an art ig. Is there a way to select certain areas of an imported image? Maybe like how photoshop has the marquee tool or quick selection. If so, is there a way to select copy paste things that circular? Like profile pictures from a screenshot? I supposed I can just mask with the eclipse tool and use replicate. Hopefully my course is okay with that
@qwabenakimo8017
@qwabenakimo8017 Месяц назад
I really love the video
@jiva44
@jiva44 Год назад
Hi ! Thanks for the video. I have a problem in XD, can you help me ? In XD you can use design tokens especially for colors. For example I put for my button backround a color token called "blue-500". When I export my work, inspect my element on the web version I can find that my button backround have the value "blue-500" -> this is correct and normal. But when I'm working on my element directly in XD, I can't find the solution to display on my screen the information that the actual color of the element is linked with a color token. You can click-right and select "Show in active menu" but this is very terrible for my workflow. Do you know a XD plug-in or tips to do so ? Thanks for your answer and sorry for my bad english
@calvinlaughlin1429
@calvinlaughlin1429 Год назад
Hey Thanks Jesse for this video! It helped me out a lot. I'm trying to figure out when I should be using artboards and when I should use rectangles to create elements. Anybody have some advice?
@diygitalmetricssolutions14
@diygitalmetricssolutions14 Год назад
You use rectangle inside an artboard
@spencersindt6128
@spencersindt6128 Год назад
Great vid
@patrikmedia
@patrikmedia Год назад
curious to know the relevance of XD in the coming future now that Adobe acquired Figma which has a much larger userbase.
@nataliegarner3164
@nataliegarner3164 7 месяцев назад
The merger is no longer going ahead. But I think Adobe will still ditch XD which is sad. I don’t want to use Figma but I think we will all have to.
@patrikmedia
@patrikmedia 7 месяцев назад
@@nataliegarner3164 competition is always better. either way, Figma is superior than XD in so many areas, so don't feel bad about it, you won't regret. no wonder why the vast majority of the industry uses Figma over Adobe.
@dddog9024
@dddog9024 11 месяцев назад
Nice, Thank you
@JesseShowalter
@JesseShowalter 10 месяцев назад
Thank you too!
@kavr
@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
@davidcapuzzo
@davidcapuzzo Год назад
Why did you switch?
@i_h.m.a.Rahman
@i_h.m.a.Rahman 9 месяцев назад
great video
@DocumentsForever
@DocumentsForever Год назад
LERGENDARY
@user-ct6tm2vq2m
@user-ct6tm2vq2m 10 месяцев назад
really good
@Monkey85ft
@Monkey85ft Год назад
Can you also put in GIFs in XD?
@Dogvibes1868
@Dogvibes1868 2 месяца назад
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.
@stepchrist
@stepchrist 9 месяцев назад
very good tutorial, thank you
@JesseShowalter
@JesseShowalter 9 месяцев назад
Glad it was helpful!
@tylerknowles6128
@tylerknowles6128 Год назад
Fonts used for web or app development, I assume those fonts should be in web format??
@asdfg49515
@asdfg49515 Год назад
what to do if I can't see it on MacBook Air with M2 cheep 2023, and I need it for work?
@falkomatzler271
@falkomatzler271 10 месяцев назад
Can you actually publish XD generated websites on private servers? Or is this just a layout and design tool and lacks the technical steps to upload the designed website?
@Tara-iu9ft
@Tara-iu9ft Год назад
would have been nice if you covered the library, good video though.
@RobertoVillaLobby
@RobertoVillaLobby Месяц назад
Hello, I've been a graphic designer for 10 years but trying to school myself into digital / UI designer. Would you say XD is as (or more) viable as Figma for UI design?
@jazneo150
@jazneo150 10 месяцев назад
Very Useful Video
@JesseShowalter
@JesseShowalter 10 месяцев назад
Thanks 😊😊
@bariatricfood
@bariatricfood 3 месяца назад
Example files would be useful- if you have them in the group- its not obvious where they're located
@hanenbouzoumita7374
@hanenbouzoumita7374 Год назад
please how to cut a web model in adobe XD?
@SergeyGuslyar
@SergeyGuslyar Год назад
So, adobe bought figma and that next step? Wouldn't close adobe xd?
@floriantenerife
@floriantenerife 10 месяцев назад
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 😅
@JesseShowalter
@JesseShowalter 10 месяцев назад
😂 so sorry friend!! Thanks for watching anyway!
@eloisabelchior2615
@eloisabelchior2615 11 месяцев назад
You're a god.
@JesseShowalter
@JesseShowalter 11 месяцев назад
If you want more in depth check out my new 30 day UI course 30dayui.com/
@21bravemindset
@21bravemindset 9 месяцев назад
So curious to be a professional i have little experience in html and CSS
@Shanavas80
@Shanavas80 Год назад
Great tutorial..... 13:00 Here is watching a Malayalam boy ;p (font name)...
@user-xv3fs6lr9q
@user-xv3fs6lr9q 11 месяцев назад
please how to download
@KMHasan
@KMHasan Год назад
Anything coming up for advanced level 🤔🤔
@tuhinhossain9915
@tuhinhossain9915 9 месяцев назад
Need Adobe XD Software. Please help me.
@serenity-b4o
@serenity-b4o 3 дня назад
feeeeaccca
@livegamist
@livegamist Год назад
Figma is more better than xd But I still learning it
@lucindagoosen9373
@lucindagoosen9373 10 месяцев назад
Watching that image warp like that , it was painful 🤣
@JesseShowalter
@JesseShowalter 10 месяцев назад
😬😂
@willyfontenelle
@willyfontenelle 7 дней назад
Disappointed to have to learn Adobe XD for my job in 2024
@stuffrider8736
@stuffrider8736 3 месяца назад
What is malayalam MN MALAYALAM is an language
@user-gt7kb9kp3j
@user-gt7kb9kp3j 2 месяца назад
Eisai ligo baklavas
@escanorgod
@escanorgod Год назад
wait adobe bought figma so adobe xd gonna be dead or other way around
@dariob.2547
@dariob.2547 Год назад
How do I do this with Adobe XD? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-OQwstzYc0-Q.html
@gokhunyayla
@gokhunyayla Год назад
its not interactive, I don't find this kind of trainings useful. Also remove your face from the training video, its also annoying.
Далее
Редакция. News: 128-я неделя
57:38
Просмотров 1,2 млн
Figma Masterclass for Beginners (2023 Updated)
31:57
Просмотров 543 тыс.
Complete Layout Guide
11:59
Просмотров 752 тыс.
If I Started UX in 2024, I'd Do This.
13:15
Просмотров 292 тыс.
I Redesigned the ENTIRE Spotify UI from Scratch
19:27
Parallax Animation in Adobe XD
7:08
Просмотров 112 тыс.
Редакция. News: 128-я неделя
57:38
Просмотров 1,2 млн