Skip to main content
B
BeCraven
Participant
March 30, 2016
Answered

Is there a way to create menus such as "hamburger" menus that drop down and expand when clicked on?

  • March 30, 2016
  • 5 replies
  • 17093 views

Kind of like an accordion type navigation menu. This is a very common navigation technique. And I am not sure how I would create prototypes for the company I work for that has complicated navigation if there is no simulation of expandable menus on-screen.

This topic has been closed for replies.
Correct answer kevinneal01

You could duplicate the artboard and show the different stages on each board, then tie them together in the prototyping

5 replies

S
seahawksean80
Inspiring
June 28, 2018

You can now do this after the June 2018 update release of XD.  Check it out, it's awesome thought still somewhat limited!

ajn_design
ajn_design
Inspiring
June 10, 2017

This is easy when the drop down menu hides all the content out of sight, so you only make one drop down page. If not, you then need to create a duplicate of each page to create a drop down version of that corespondent page.

d0pp13r
d0pp13r
Participant
February 17, 2017

Duplicating artboards is not an option. If you work with say 5-10 menu alternatives, its not a working solution. The layer that "slides" away remains in sight, but has to be partially visible, dependeng on where you came from. This means that a huge amount of duplication needs to take place and the designer needs to manually adjust all those partially visible layers, since changes in the actual layer do not propagate to the artboard with hamburger + partial layer. this really sucks.

Creating a simple interface element such as a hamburger is essentially the very same as creating a drop down menu, which you cant do in XD either AFAIR. Sure duplicating layers might work, but the user that will get the prototype in his hands will not be able to understand how it works, since it will not behave like a drop down menu actually does...

/ ®

    elainecc
    Community Manager
    elaineccCommunity Manager
    Community Manager
    February 18, 2017

    Yep, what you're looking for is overlays. It's something we're investigating for a future release - I posted a link to the idea you should upvote up above. We'll contact you when we have something to share!

    Thanks,

    -Elaine

      kyrre@bonefish.no
      kyrre@bonefish.no
      Participant
      March 1, 2018

      How is this feature going?

        elainecc
        Community Manager
        elaineccCommunity Manager
        Community Manager
        April 9, 2016

        Kevin's right - the only way to do that right now is to duplicate your artboard. However, we have overlays in the backlog, so you might want to swing over to UserVoice and add your thoughts and upvote there:

        Overlay animation – Adobe XD Feedback : Feature Requests & Bugs

        -Elaine

          LindseySarah
          LindseySarah
          Participant
          February 9, 2018

          I'm astonished that Adobe would release without this and hover states. 

            isabellasri
            isabellasri
            Participant
            March 12, 2018

            I'm new to XD but have 20+years of Ps, Ai, Id etc... and can't beleive how incomplete this tool is. just think about this for a second Adobe... "experience designer" that doesn't show the experience? ....it's a "workflow designer" (at best) but not Experience Designer.

            K
            kevinneal01Correct answer
            Inspiring
            March 31, 2016

            You could duplicate the artboard and show the different stages on each board, then tie them together in the prototyping

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices