Free Adobe XD Tutorial 2023 for Beginners - Your Quick Start Guide

Поделиться
HTML-код
  • Опубликовано: 7 июн 2024
  • This Free Adobe XD Tutorial is a course for beginners in the UX/Adobe XD world.
    Download the Adobe Xd Exercise files + Resources: BYOL.com/XDMINEXYTL
    Watch the Adobe XD Essentials Course: byol.com/XDM
    Watch the Adobe Illustrator Essentials Course: byol.com/XDMILLE
    Watch the Adobe Illustrator Advanced Course: byol.com/XDMILLA
    Use Adobe XD for Free here: byol.com/XDFREE
    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
    Follow me on TikTok: byol.com/tiktok
    Basic Introduction & Basics to XD Design : 0:00
    What is UX Design : 1:04
    What is XD’s role in UX design: 4:26
    What is our UX design brief: 6:46
    Download Adobe XD Exercise files: 9:41
    How to Create a Wireframe in Adobe XD : 10:46
    How to add text to Adode XD: 14:08
    How to make a Component in Adobe XD: 16:17
    Middletro: 19:25
    How to make a place holder image in Adobe XD: 20:35
    How to copy & paste appearance in Adobe XD: 24:22
    How to create a button in in Adobe XD: 25:03
    How to make a card in Adobe XD: 26:34
    How to make an input field in Adobe XD: 30:47
    What is a component instance in Adobe XD: 33:05
    How to paste in place in Adobe XD: 36:45
    How to use Adobe Illustrator with Adobe XD: 38:39
    How to add to an existing component in Adobe XD: 48:40
    How to use repeat grids in Adobe XD: 52:40
    How to prototype in Adobe XD: 55:08
    How to share your prototype in Adobe XD: 59:28
    How to make a pop up modal in Adobe XD: 1:03:29
    How to extend images using Adobe Photoshop: 1:06:48
    How to apply CC Library colors in Adobe XD: 1:11:57
    How to use character styles in Adobe XD: 1:14:18
    How to add multiple images to repeat grid in Adobe XD: 1:15:59
    How to make a micro interaction in Adobe XD: 1:19:50
    How to add a lottie animation in Adobe XD: 1:26:43
    How to export PDFs from Adobe XD: 1:30:02
    How to share your Adobe XD file with a Developer: 1:32:47
    Outro: 1:38:22

Комментарии • 65

  • @BringYourOwnLaptop
    @BringYourOwnLaptop  Год назад +7

    Thanks so much for checking out this Free Adobe Xd Tutorial! If you liked it and you'd like to watch the full length tutorial course that covers much more, you can check it out here: byol.com/XDMCC

    • @devloud
      @devloud Год назад

      Please do you have any free certification on xd? If you don't what are the criteria for someone to be qualified for your certification sponsorship?

    • @KousalyaKG
      @KousalyaKG Год назад

      Hi, How can I get work as a new graphic designer? Please give me some inputs..

  • @corneliaosterberger2266
    @corneliaosterberger2266 Год назад +3

    Love your teaching style, always sooo much fun to watch and laugh and be exited along, while learning new things :-D THANKS, so much!

  • @rozanamelhem9585
    @rozanamelhem9585 6 месяцев назад

    Your tutorials are gold, breaking down the complex with ease. Thanks Dan

  • @samueljlarson
    @samueljlarson Год назад +1

    Your videos are incredibly helpful to me. Thanks for all you do!

  • @alvarojflores
    @alvarojflores Год назад

    Thank you, Daniel! For sharing your knowledge and resources. Be healthy and successful! 👍🏻💪🏻

  • @lukewittman3488
    @lukewittman3488 3 месяца назад

    Brilliant job man! Made it fun and easy to understand.

  • @juliekey5390
    @juliekey5390 Год назад

    Thank you so much, I love how you do the tutorials, really fresh and funny and I'm learning a lot :)

  • @captainsense5661
    @captainsense5661 Год назад +1

    Ich begrüße diesen Bericht sehr und freue mich schon darauf!

  • @asareprince6579
    @asareprince6579 Год назад

    thank you Daniel, your are doing a great job.

  • @mbondecyril7944
    @mbondecyril7944 10 месяцев назад +1

    You always have the best and interesting design tutorials. With this knowledge, I can get started with my own UI/UX design. Thank you for this beginners course.

  • @user-xm8df1xe4i
    @user-xm8df1xe4i 11 месяцев назад

    So amazing!!!

  • @boy4everjoy
    @boy4everjoy 6 месяцев назад

    I have bought your courses and I am happy you also put out there free content.

  • @thebasicmaterialsproject1892
    @thebasicmaterialsproject1892 6 месяцев назад

    a nice one, I did a few of your videos previously about a maybe a year ago, but yes this one very good.

  • @zrobgood
    @zrobgood 2 месяца назад

    Dope. Use pretty much all adobe but never dabbled in xd. Wanting to work on an app product and this was super helpful.

  • @saranejjari5125
    @saranejjari5125 10 месяцев назад

    Thanks so much appreciate your efforts ;

  • @motlaq7534
    @motlaq7534 Год назад

    Hello, I am a user from Iran and I like your educational videos very much
    And thank you very much for your great videos🙏🙏🌿🌿

  • @Reaper_155
    @Reaper_155 Год назад

    Hey Dan, could just help in components try to take out same time and create a video for mastering motion designing in Adobe Xd

  • @JanetArogundade
    @JanetArogundade 8 месяцев назад

    Thank you very much for this. Could I ask if you have any other means of accessing the resources cause it's not opening for me

  • @kellyp509
    @kellyp509 10 месяцев назад

    Fantastic. Thank you so much

    • @uzeyiryariz3169
      @uzeyiryariz3169 7 месяцев назад

      cocolastic. Sorry, I had to do it XD

  • @smartcricofficial7622
    @smartcricofficial7622 10 месяцев назад

    Clear explanation sir. One doubt how you add images from illustration, photoshop any specific software

  • @galaxyx723
    @galaxyx723 Год назад

    you know sir...your teaching system is outstanding,,its help lot..love you🥰🥰❤

  • @Shadow061
    @Shadow061 9 месяцев назад

    Hello dan where is your advanced adobe xd course? 😅 thank you so much I really like your videos

  • @DazeyGG
    @DazeyGG Месяц назад

    just started the video, excited to learn. Music is too loud and makes me wanna blow my own eardrums out permentently but other than that I am excited to learn

  • @marthaworthington1345
    @marthaworthington1345 6 месяцев назад

    Excellent tutorial, Dan. I love the pace, clear explanations and clear demonstration - *BUT* I have just found out that Adobe are discontinuing XD because they've just acquired a competitor product, Figma. I'll be back for your other tutorials 😊

  • @MegaRulk123
    @MegaRulk123 6 месяцев назад +1

    can you please make a video for 2 website prototypes for Adobe XD thank you?

  • @davilovelinus1371
    @davilovelinus1371 Год назад

    if u don´t have that list on document assets is probably because u don´t activate librarian on windows(Is on the top, where all the options(object, plug-ins etc...)

  •  Год назад

    100 likes to this tutorial! Hit a bit lower than my skill level, but... :D learned new things like "pop-up" window how to, drop multiple pictures on grid repeat placeholders and export for developers how to. Smiling. Happy.

  • @RavindraSoni360
    @RavindraSoni360 3 месяца назад

    I watched your Udemy sessions.. your way of explaining things is really amazing.

  • @alisheikh1582
    @alisheikh1582 Год назад +2

    Hey Dan, Which mouse do you Use? Can you make a Studio Tour Video?

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад +2

      I should do that. I use a Logitech M720. Love it. I've got a draw full of other ones. Sometimes I bust out the Wacom.

  • @ericgrinstead52
    @ericgrinstead52 10 месяцев назад +1

    Ok...first off, killer tutorial...love the little quips and sarcasms. Second...you sound exactly like Korg from Thor Ragnarok...dead ringer. I find myself thinking of tossing back a couple of cold ones with Thor every time you talk. New subscriber. Great tutorial.

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  10 месяцев назад +2

      Lol. I get that a lot. I'll tell Thor you said hi 🤟

  • @travdecoop
    @travdecoop Год назад

    yay dan!

  • @mohammesalattar5404
    @mohammesalattar5404 17 дней назад

    Can I use Adobe xd with 6 to design an Excel dashboard interface and buttons in Excel and such ?

  • @JohnWick-hp8wn
    @JohnWick-hp8wn Год назад +2

    Bring it on☻

  • @andrewgunter1947
    @andrewgunter1947 3 месяца назад

    Thank you for the tutorial. I believe the files and resources file link is broken.

  • @naldosforeignlanguages5272
    @naldosforeignlanguages5272 9 месяцев назад

    I cant seem to download the resource files. It s saying the site is down

  • @FlexStudioPL
    @FlexStudioPL Год назад

    No hate question here. I'm xD user in my company where we have 4 other ppl that are using FIGMA. They are fighting with me over a year to switch and i know the time will come.
    Question: do xD will be supported after Figma buy overall do we gonna have one tool from both of those two?

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад +3

      It's an interesting question. Adobe own both. They haven't announced what they'll do. My advice. Use what is Best for you right now. See what concrete plans Adobe make in 2023. Reevaluate then. The tools are easy to switch. Work on your UX craft. That's what is important.

  • @polashquadhi2330
    @polashquadhi2330 10 месяцев назад

    Anything coming up for advanced level 🤔🤔

  • @RafaelMarino-bt2dc
    @RafaelMarino-bt2dc Месяц назад

    👏

  • @jcwdesigns82
    @jcwdesigns82 3 месяца назад

    side note: WHY is the Alt/Opt key single corner thing NOT in Illustrator?!?

  • @jspencesoftware
    @jspencesoftware Год назад +1

    I can't for the life of me figure out how to download XD via Creative Cloud.. There are lots of apps to choose from, but XD just isn't one of them. Any ideas?

  • @pranav1677
    @pranav1677 9 месяцев назад +1

    Do i get link to download adobe xd ??? i tried a lot but i can't so plz....????

    • @ilx7doo
      @ilx7doo 3 месяца назад

      no it costs so u gotta buy it

  • @fireextinguisherr1
    @fireextinguisherr1 6 месяцев назад

    wheres the tutorial to download adobe xd?

  • @dinnnnnnnnnnnn
    @dinnnnnnnnnnnn 4 месяца назад

    and where is Adobe XD now?! I replaced it with combination of Photoshop and Lunacy, works even better
    just wish I hadn't wasted my time on XD.

  • @thebasicmaterialsproject1892
    @thebasicmaterialsproject1892 6 месяцев назад

    its weird when you come back better, you get more out of it after
    a few times around.

  • @HarosGaming
    @HarosGaming Год назад +1

    Which is better figma or XD

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад

      I switch between the two. Figma tends to be better for larger UX teams and XD for individuals. Mainly because often people have an existing Adobe subscriptions.

  • @r2r90
    @r2r90 Год назад

    sir i used without sign up adobe software but his asking me to sign up again and again so please help me to do it without sign up

  •  8 месяцев назад

    school kickin my ass

  • @dgomi3777
    @dgomi3777 9 месяцев назад

    please how can i get adobe xd

    • @cryMoreLoL
      @cryMoreLoL 7 месяцев назад

      Adobe xd has been discontinued since June 22, 2023. Unfortunately, this video was released in February 2023. I highly recommend Figma.

  • @michelecumming2723
    @michelecumming2723 Год назад +1

    I'm still here too

  • @1deplatt
    @1deplatt Год назад

    I thought XD was going to be deprecated because Adobe bought Figma?

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад

      No exact plan from Adobe yet. It might be, but Figma isn't a big leap from XD.

  • @cumftably_num
    @cumftably_num Год назад

    what happened? I was watching this it stopped and then it diappeared - OMG 😲am I here all alone?

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад

      Whoops! Technical difficulties, we're live again here: ruclips.net/video/a-hdJJpZ1zA/видео.html

  • @1995Mrdato
    @1995Mrdato 6 месяцев назад

    i love your videos but you make them very long for no reason. like ctr+ & ctr-, double click to open and this kind things is so basic i think it doesn't even need an explanation and you repeat them 4 times... and it's on every your video. it's like a filler in tv shows.