How to Create a Drop down Menu Component in Adobe XD | Tutorial

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

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

  • @Its_me_rishi_
    @Its_me_rishi_ 4 года назад +4

    I got selected in an interview with this step, thanks :)

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

    Thank you for taking the time to show us how to do this. Very easy to follow

  • @McKlimm
    @McKlimm 4 года назад +4

    Hello Sir and thanks a lot for this tutorial. As a relative newcomer to XD this was the first time I really got the logic behind animating components (which is quite confusing at first). Maybe it‘s your calm way of explaining or the structure of explanation- whatever it is : Thanks !

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

    I don't know who you are but I love you, THANKS!!

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

    a massive help with what I'm currently working on, so much appreciated :D

  • @akunikkola
    @akunikkola 3 года назад +3

    I followed this tutorial step by step, but I'm really confused because at 4:45 you create the ''option states'' that look exactly the same as the others, and even though you don't go back to edit them they look totally different from 8:35 onwards. You have clearly missed this ''editing option state layers'' step, or?

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

    man this helped a lot I made a dope drop down thanks to you! 👌👍

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

    how do u add items inside the mask like only show in option 1 then after changing it to option 2 it wont show up?

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

    Great explanation! Thank you for sharing.

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

    great tutorial, thanks!! but I want to create another dropdown menu and add a button outside the menu that says "ok" and when I click option 1 in the 1st menu ad option 1 in second menu then click ok it drive me to a different page and so on
    any tutorial for this?
    thanks

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

    Great tutorial! Does anyone know if I can create the interactions in Prototype instead of XD for this component?

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

    Great tutorial, you saved my day, thanks you from brazil !

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

    Thank you so much for the tutorial, just what I needed!

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

    My destination only shows artboards, it doesnt show other components or layers :( help

    • @CHi-le1qc
      @CHi-le1qc 3 года назад

      exact same problem, I don’t know what to do

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

      yep same

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

    Thank you, Helped me a lot.. good one sir..

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

    I get this but when I do this with multiple menus containing submenues with them and put them in stack they doesn't slide then I tap to extend a menu. How can i achieve that?

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

    when I click each state it doesn't change to the original format

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

    Very useful 😍 thanks ❤

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

    Okay so I followed this video, My default state is the drop down list open, when I want the default to be it closed, how can I change it without it hiding all of the other options when I change it???? I dont want to have to redo it all because I have quite alot of options😕

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

    This was really helpful! Thank you so much and appreciate your effort creating the video

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

    thanks for your tutorial! really helped :) Would you know if there's a way to do a scrollable drop-down menu in xd? (if it's not supported yet in xd, maybe a mimicking workaround perhaps...?)

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

    Hi, i was looking for something more than what you have posted: i need to do exactly what you've shown, but i need ALSO to highlight the option (make it bold or change its color) when i pass on it with the cursor. I'm struggling a lot... can please anybody help?

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

    On 5:45 sec won't work to drag the options 2-3 above..

  • @CHi-le1qc
    @CHi-le1qc 3 года назад

    Thank you so much!!

  • @4988raja
    @4988raja 2 года назад

    Interesting one ☝️

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

    Thank you so much for this - truly helpful!

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

    Nice video. The only problem I have is that the states are much for what I'm doing and I can't seem to scroll to any state not shown on the property inspector but you seem to select any state easily. Only 4 states are shown in mine and I cannot go to the others and if I try scrolling, it's the general scroll that's activated

  • @90s_sarcastickid95
    @90s_sarcastickid95 4 года назад +1

    What about part-2 of ui clock and music player?

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

    Thank you mario

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

    if there are two dropdowns one below the other how to work with it? if i click on the bottom one the top component is getting selected.

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

      Hey Vasu! Did you resolve this issue? Is happening the same for me.

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

    Hey man, this is a very useful tutorial. Thanks for sharing. How do record your screen cast? Which software do you use and what settings do you apply for exporting?

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

    Hey, I need help with the sidebar drop-down menu. I am trying to make a menu that I can click on one menu while it stays open I can click on another one on XD. If you can help me if will be great THank you. if you have a Facebook group or something else where I can send a video would be great. I can show you what I need help with.

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

    Please help from 8:31 when i click option 2 the order doesnt change but in the video the order is changing

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

      yes... for me also not changing

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

      brother if you solve this problem then please tell me

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

      Change it manually by typing there

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

      You have to change labels in each of closed states .

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

      @@deeniswaranselvaras1975 Hi, I tried to chance manually, but it just returns to the old label.... it hovers between the old label and the new one like a glitch...help me :p

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

    Really love it. You are my inspiration bro. I started my channel to watch your videos. thanks bro ;)

  • @زمنالسقا
    @زمنالسقا 3 года назад

    Thanks brother

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

    Thanks sir.!! And can we have some tips about how to export this to HTML?

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

    thanks my bro

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

    Hi. Do you have any animation tutorials of a car moving forward like on a 3D plane? Thanks for your time.

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

    chevere manito, me salvaste

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

    My dropdown symbol doesn't highlight in prototype 😫😭

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

    Good tutorial! 👍🏼

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

    😀🌺Your video is so beautiful. 🎵🎶You made an amazing video.🌹

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

    Great tutorial.. But adobe xd is not really a good option for wireframing, For making each component is too complicated compared to other free wireframe tools. Wish it could be much more user friendly :/

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

    COOL

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

    This is so hard. Crying and throwing up.

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

    Muito bom...

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

    I am confused bro...

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

    😍😍😍😍

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

    Bhai please apna Insta ID bataye Aap se bohat bohat bohat bohat zaruri Help chahiye.. please tell your instagram ID

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

    omg can you please slow down!!!

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

    THIS VIDEO IS BOGUS!!!! ALOT OF STEPS SKIPPED. NOT GOOD FOR LEARNING!!

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

    XD

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

    Jisses christ man, get a grip!