Adobe XD Masterclass for Beginners (Updated 2023)

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 96

  • @davidelopezdiaz7580
    @davidelopezdiaz7580 ปีที่แล้ว +32

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

    • @six-prints
      @six-prints 9 หลายเดือนก่อน +1

      oh how this comment dated fast 😅

    • @HareRamShahani
      @HareRamShahani 9 หลายเดือนก่อน +1

      Skk

  • @sceptersax
    @sceptersax ปีที่แล้ว +28

    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.

  • @UngovernableMighty
    @UngovernableMighty ปีที่แล้ว +3

    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.

  • @seanc9088
    @seanc9088 ปีที่แล้ว +7

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

  • @kadyultraviolet7042
    @kadyultraviolet7042 ปีที่แล้ว +11

    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.

  • @qhairilsalim
    @qhairilsalim ปีที่แล้ว +4

    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  ปีที่แล้ว +1

      Thank you so so so much!!! 🔥💛

  • @harrigkiouliver1223
    @harrigkiouliver1223 6 หลายเดือนก่อน +1

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

  • @tim_longhurst
    @tim_longhurst ปีที่แล้ว +2

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

  • @LeeLeeLoves
    @LeeLeeLoves 2 ปีที่แล้ว +6

    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?

  • @kdbug379
    @kdbug379 ปีที่แล้ว

    Great tutorial! Watching most tutorial videos on TH-cam, 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

  • @patrikmedia
    @patrikmedia 2 ปีที่แล้ว +21

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

    • @nataliegarner3164
      @nataliegarner3164 11 หลายเดือนก่อน

      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 11 หลายเดือนก่อน

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

  • @davidwilliamMw4
    @davidwilliamMw4 4 หลายเดือนก่อน +1

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

  • @NeVdiii
    @NeVdiii 2 ปีที่แล้ว +2

    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! :)

  • @blueviolin1
    @blueviolin1 ปีที่แล้ว

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

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

  • @ClaudiaaSousaa
    @ClaudiaaSousaa 26 วันที่ผ่านมา

    Thank you! 🔥

  • @mosesndombe2924
    @mosesndombe2924 ปีที่แล้ว

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

  • @dpbqdqbpqdpd
    @dpbqdqbpqdpd 2 ปีที่แล้ว +1

    AWESOME!!

  • @janinasaumer7695
    @janinasaumer7695 6 หลายเดือนก่อน

    Really great and helpful video :) Now it's easy to start prototyping!

  • @musvc
    @musvc 7 หลายเดือนก่อน

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

  • @jemsmoyo6339
    @jemsmoyo6339 ปีที่แล้ว

    Amazingly helpful video Jesse!

  • @saurabhchaudhari5273
    @saurabhchaudhari5273 3 หลายเดือนก่อน

    Insightful.!!! Thanks...

  • @bariatricfood
    @bariatricfood 7 หลายเดือนก่อน

    Example files would be useful- if you have them in the group- its not obvious where they're located

  • @RobertoVillaLobby
    @RobertoVillaLobby 5 หลายเดือนก่อน

    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?

  • @MoniqueMorel-dj7qj
    @MoniqueMorel-dj7qj 7 หลายเดือนก่อน

    Very helpful, interesting and nice and quick!

  • @7r0u8l3
    @7r0u8l3 ปีที่แล้ว

    Great work sir. Thank you.

  • @suniljadhav1889
    @suniljadhav1889 2 ปีที่แล้ว

    Great update Tips...Bro....Hats off

  • @mrtnuzzz
    @mrtnuzzz ปีที่แล้ว

    Great Video! Thanks!

  • @erbsbischof
    @erbsbischof ปีที่แล้ว +1

    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?

  • @dddog9024
    @dddog9024 ปีที่แล้ว +1

    Nice, Thank you

  • @colindante5164
    @colindante5164 ปีที่แล้ว

    An amazing tutorial. Thankyou so much ))))

  • @unlovedrecords
    @unlovedrecords ปีที่แล้ว

    Dude! This tutorial is amazing. You just earned another Sub.

  • @garrhetsampson
    @garrhetsampson ปีที่แล้ว

    This was a great tutorial! Thank you!

  • @tayloradams9320
    @tayloradams9320 ปีที่แล้ว

    Super helpful, thank you!

  • @calvinlaughlin1429
    @calvinlaughlin1429 ปีที่แล้ว +1

    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?

  • @ketheesh5074
    @ketheesh5074 ปีที่แล้ว

    Greatttttttttt bro, thank you so much!

  • @eloisabelchior2615
    @eloisabelchior2615 ปีที่แล้ว +1

    You're a god.

    • @JesseShowalter
      @JesseShowalter  ปีที่แล้ว

      If you want more in depth check out my new 30 day UI course 30dayui.com/

  • @floriantenerife
    @floriantenerife ปีที่แล้ว +1

    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  ปีที่แล้ว

      😂 so sorry friend!! Thanks for watching anyway!

  • @asdfg49515
    @asdfg49515 ปีที่แล้ว

    what to do if I can't see it on MacBook Air with M2 cheep 2023, and I need it for work?

  • @stepchrist
    @stepchrist ปีที่แล้ว +1

    very good tutorial, thank you

  • @changNoi1337
    @changNoi1337 ปีที่แล้ว

    Thanks a lot!!!

  • @RadiantQ_88
    @RadiantQ_88 ปีที่แล้ว

    ❤ Thank you for the valuable advice on adobe xd!

  • @stevenevenshow2790
    @stevenevenshow2790 3 หลายเดือนก่อน

    Fantastic

  • @milenak0812
    @milenak0812 2 หลายเดือนก่อน

    Great video for beginners !

    • @JesseShowalter
      @JesseShowalter  2 หลายเดือนก่อน

      Thank you so much!!!

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

  • @tylerknowles6128
    @tylerknowles6128 ปีที่แล้ว

    Fonts used for web or app development, I assume those fonts should be in web format??

  • @kavr
    @kavr 2 ปีที่แล้ว +1

    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

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

  • @Dogvibes1868
    @Dogvibes1868 6 หลายเดือนก่อน

    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.

  • @qwabenakimo8017
    @qwabenakimo8017 5 หลายเดือนก่อน

    I really love the video

  • @mohamedlaminekebir
    @mohamedlaminekebir ปีที่แล้ว

    thank you so much

  • @meniiix
    @meniiix 2 หลายเดือนก่อน

    Thanks dude!

  • @Monkey85ft
    @Monkey85ft ปีที่แล้ว

    Can you also put in GIFs in XD?

  • @jazneo150
    @jazneo150 ปีที่แล้ว +1

    Very Useful Video

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

  • @DocumentsForever
    @DocumentsForever ปีที่แล้ว

    LERGENDARY

  • @Tara-iu9ft
    @Tara-iu9ft ปีที่แล้ว

    would have been nice if you covered the library, good video though.

  • @21bravemindset
    @21bravemindset ปีที่แล้ว

    So curious to be a professional i have little experience in html and CSS

  • @SergeyGuslyar
    @SergeyGuslyar ปีที่แล้ว

    So, adobe bought figma and that next step? Wouldn't close adobe xd?

  • @Shanavas80
    @Shanavas80 ปีที่แล้ว

    Great tutorial..... 13:00 Here is watching a Malayalam boy ;p (font name)...

  • @hanenbouzoumita7374
    @hanenbouzoumita7374 ปีที่แล้ว

    please how to cut a web model in adobe XD?

  • @spencersindt6128
    @spencersindt6128 ปีที่แล้ว

    Great vid

  • @i_h.m.a.Rahman
    @i_h.m.a.Rahman ปีที่แล้ว

    great video

  • @KMHasan
    @KMHasan ปีที่แล้ว

    Anything coming up for advanced level 🤔🤔

  • @NabamitaGhosh-k1x
    @NabamitaGhosh-k1x ปีที่แล้ว

    really good

  • @อมรศักดิ์จันทร์สิงห์

    please how to download

  • @tuhinhossain9915
    @tuhinhossain9915 ปีที่แล้ว

    Need Adobe XD Software. Please help me.

  • @livegamist
    @livegamist ปีที่แล้ว +1

    Figma is more better than xd But I still learning it

  • @lucindagoosen9373
    @lucindagoosen9373 ปีที่แล้ว +1

    Watching that image warp like that , it was painful 🤣

  • @willyfontenelle
    @willyfontenelle 4 หลายเดือนก่อน

    Disappointed to have to learn Adobe XD for my job in 2024

  • @dariob.2547
    @dariob.2547 ปีที่แล้ว

    How do I do this with Adobe XD?
    th-cam.com/video/OQwstzYc0-Q/w-d-xo.html

  • @serenity-b4o
    @serenity-b4o 4 หลายเดือนก่อน

    feeeeaccca

  • @WindsorMurray-d1k
    @WindsorMurray-d1k 2 หลายเดือนก่อน

    Malachi Lakes

  • @stuffrider8736
    @stuffrider8736 7 หลายเดือนก่อน

    What is malayalam MN
    MALAYALAM is an language

  • @ΔΗΜΗΤΡΙΟΣΒΑΛΣΑΜΗΣ
    @ΔΗΜΗΤΡΙΟΣΒΑΛΣΑΜΗΣ 6 หลายเดือนก่อน

    Eisai ligo baklavas

  • @escanorgod
    @escanorgod 2 ปีที่แล้ว

    wait adobe bought figma so adobe xd gonna be dead or other way around

  • @aspirewot8408
    @aspirewot8408 3 หลายเดือนก่อน

    xD

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