Adobe XD Dropdown Menu

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024

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

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

    When the video speeds up I get lost. Too bad that's the part I need to figure out. Even when I slow it down I can't figure out the key strokes

  • @mae2309
    @mae2309 4 года назад

    it would be nice if we can do a bridge from XD to EditorX or Webflow... who ever does that first. whether is Webflow or EditorX they would take the whole cake...

  • @ofusername
    @ofusername 3 года назад +8

    I think in 2021 it's working, I've been creating a dropdown component: the dropdown is itself a component, each dropdown items are also separate components that have hover states itselfs, than group thouse into an component > dropdown and integrated in the main Nav-Item state Hover, I don't know I explained right, I will try to add a short movie or something :)

  • @mikemyren7308
    @mikemyren7308 4 года назад +12

    I’ve been trying to figure out a work around for a hover drop down for a few days. Glad to see i’m not crazy and XD doesn’t have that functionality yet.

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

    Like this tutorial but way too fast and blazing through the dropdown section.

  • @RAJESHKT
    @RAJESHKT 4 года назад +3

    its very speedy. Difficult to catch up.

    • @JesseShowalter
      @JesseShowalter  3 года назад

      I’m so sorry Rajesh, I get excited and talking really fast about things I’m passionate about!

  • @Mariiadesigner
    @Mariiadesigner 2 года назад +1

    I try to cut - paste or just drag the rectangle into the component. When I drag it, it shows the STOP sign.
    How can I add the rectangle to the existing component?

  • @vasucreations2678
    @vasucreations2678 4 года назад +2

    Please help me in resolving the following issue: If we have another dropdown inside the subnavigation, for example the Get a Quote has another subnavigation then how to prototype it?

  • @Scientificmethods
    @Scientificmethods 3 года назад +1

    When I try to move the Ellipse into the Nav area it just gives me a no entry symbol... - Don't worry sussed it, you have to paste directly onto it can't drag and drop so glitchy

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

    is this possible after the artboards have been created? could I create all the animations on one page, create a component and have it do the same thing over all my boards?

  • @binitechs
    @binitechs 4 года назад +3

    Cool video u rock it😁

  • @frankvasquez4827
    @frankvasquez4827 4 года назад +3

    Hmm, I think it can be done within the same art board. Just make the main component with 3 states, normal, hover, and active. In prototype mode just add another interaction after the hover with destination of the active state.

  • @yg7764
    @yg7764 4 года назад +2

    Love your videos, Jesse... Just a feedback... There is no need for two artboards .. when I found component states the first thing I tried was a dropdown. You can achieve the same by creating three states for a component.. one normal, one hover and one-clicked...

    • @JesseShowalter
      @JesseShowalter  4 года назад +1

      Thanks so much for the support and the feedback! 🤙🤙

  • @mohamedabolfotouh8740
    @mohamedabolfotouh8740 3 года назад +1

    I hope you didn't speed the video because I didn't get what you did exactly Thank you anyway you have a lot of great videos and I keep watching it to learn more about XD

    • @JesseShowalter
      @JesseShowalter  3 года назад

      Haha, I didn’t speed it up, I just talk really fast! Sorry, but thanks for watching!

  • @TheAzizurRahman
    @TheAzizurRahman 3 года назад +2

    If only you switched your topics...

  • @svfedot
    @svfedot 3 года назад +1

    зачем ты кричишь? Напугал

    • @JesseShowalter
      @JesseShowalter  3 года назад +1

      I’m so sorry- I shout when I’m excited!

  • @thegiftedstar3142
    @thegiftedstar3142 4 года назад

    Hey Jessie, may you please please help me, i want to know how to add an image into adovbe xd everytime i google how to they wierdly already have it in there, and i want to know from scartch, i juat got introduced to the software a week agao,,,,please please please please help me, asap?

  • @TechieChuks
    @TechieChuks 3 года назад +1

    Please can you do a tutorial on how to create a blinking cursor effect on a textbox field in adobe xd?

    • @JesseShowalter
      @JesseShowalter  3 года назад

      Thanks for the suggestion, I’ll see what I can do!

  • @dynamichorse9779
    @dynamichorse9779 3 года назад

    Very good tutorial fast but understandable, but i have a concern which is about artboard size sir. Isnt it we have to design under iphone 6/7/8 for ios apps and 360x640 for android apps? So when i follow these size guidelines and test them when i finished designing on my phone LG G6 or iPhone 10, the designs dont fit on those phones, the artboards are leaving space on the top and bottom despite my contents in height are have infinite size. But if i set the exact size for iphone 10 or the LG then it fits. So what is the proper artboard size to fit on all iphones and android phones? Thank you.

  • @niharbhusari2706
    @niharbhusari2706 4 года назад +7

    I love his content. Has helped me a lot in improving my skills. But I have to start every video with a low volume. #notcomplaining

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Haha, thanks so much for the support, man. I super appreciate it.

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

    can't do it on windows

  • @jbvatuone
    @jbvatuone 3 года назад

    Yay! I am officially a member! This get's me so motivated. You'll help me ACE Georgia Tech UX/UI Bootcamp! :-)

  • @einzelstein5291
    @einzelstein5291 4 года назад +1

    I think it's a bit a pain in the ass for adding submenues to an existing build nav, right? :/ Thank you btw for your wonderful work. Everytime a pleasure!!!

  • @AlexAlex-xz3bb
    @AlexAlex-xz3bb 3 года назад +1

    Thanks Jesse, your tutorial was awesome, just figured it out how to solve a big issue. Thank you so much! :)

  • @pranav_chandran
    @pranav_chandran 3 года назад +1

    Thank you for the tips Jesse. Expecting more tricky tips in the future.

  • @ibrahimgamal9308
    @ibrahimgamal9308 2 года назад

    Thanks

  • @soeltom
    @soeltom 4 года назад +1

    So if I make a dashboard menu with many dropdown box, do i need to make each dropdown at new artboard to make the prototype work?

    • @JesseShowalter
      @JesseShowalter  4 года назад +2

      there is a better way to do this now, I will make a new video soon

    • @soeltom
      @soeltom 4 года назад

      @@JesseShowalter thanks, I'm new with xd so I really need that lesson 🙏

    • @jillianbanks-kong2949
      @jillianbanks-kong2949 4 года назад

      @@JesseShowalter yes please!

  • @richardottley4611
    @richardottley4611 4 года назад +1

    Thanks for the video Jesse 🤗👏💯 I'm currently working on adding a drop down menu to a side design project 😁

    • @JesseShowalter
      @JesseShowalter  4 года назад +1

      It’s only getting better 👍🏼👍🏼👍🏼

  • @UnfinishedStudio
    @UnfinishedStudio 4 года назад

    2 questions:
    1. Have you worked with Sketch?
    2. What are some things that made you prefer XD over Sketch?

    • @markinmotion8044
      @markinmotion8044 4 года назад

      XD, Sketch and Figma all have their design uses (I use Figma as it has collaboration for teams) but for Prototyping id recommend a 3rd party such as Principle or ProtoPie.

  • @erikprestonTV
    @erikprestonTV 4 года назад

    God damn, i don't even care about it being animated. I just want a dropdown menu to appear over one item for a prototype. Is there anyway to do that??? I just want a menu to appear as a hover state. Seems so simple but every video wants me to do some whooshy spinny effect.

    • @sergio_grez
      @sergio_grez 3 года назад

      i think it can be done easily in the same artboard. Just create the dropdown menu and paste it in the "hover" state of the link and position it where you want it to appear in the hover state.

  • @coreymillard7201
    @coreymillard7201 3 года назад

    it is now possible to do this straight as a hover state :)

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

    Thank you Jesse for the wonderful way you have to communicate complex stuff in an easy way. I am an old dog that's trying to learn new tricks and you re the one helping me out man.
    Cheers

  • @RadaProductionsRada
    @RadaProductionsRada 4 года назад +2

    You's a baaaaadddddd man Jesse Showalter. Watching your videos is like going to grad school for free

    • @JesseShowalter
      @JesseShowalter  3 года назад

      Dude! Thanks so much, I’m so stoked and humbled to be able to do what I love! Have a good one, man!

  • @CELLX23
    @CELLX23 4 года назад +1

    More of these please!! loving it

  • @richardottley4611
    @richardottley4611 4 года назад +1

    You are the best 💯👏

  • @mcotechtv4180
    @mcotechtv4180 4 года назад +1

    lol

  • @erwinluijendijk3922
    @erwinluijendijk3922 4 года назад

    Why don’t you use component states? This is a bit painfull to see. Now you are using two artboards 🤷🏼‍♂️

    • @erwinluijendijk3922
      @erwinluijendijk3922 4 года назад

      And then you can use hover for a dropdown.

    • @erikprestonTV
      @erikprestonTV 4 года назад

      Please make a video how to do that. Because I have been on company time for hours trying to figure out how to do something that should be so simple.

    • @jillianbanks-kong2949
      @jillianbanks-kong2949 4 года назад

      This is what I am looking for also. Please make! :-)

  • @richardottley4611
    @richardottley4611 4 года назад

    Quick question would creating an overlay work in this scenario with a drop down menu?

    • @GabrielBraun
      @GabrielBraun 4 года назад

      Yes I would think creating and overlay would be better. Because you would have to duplicate each board just to reveal drop down menu.

    • @mala.m.m
      @mala.m.m 3 года назад

      I also thought about that in theory, however you can't isolate a particular element in your components to hover over and trigger another drop down

  • @LesaniDe
    @LesaniDe 3 года назад +1

    Thanks you so much for this video! I've been trying to figure out how to do this with my university project group for a whole day and you just safed our project from being rage quittet.

    • @JesseShowalter
      @JesseShowalter  3 года назад

      So stoked for you, Lesani!! Get get em, lady!