Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

New Here ,
Mar 30, 2016 Mar 30, 2016

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.

TOPICS
How to
16.8K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Contributor , Mar 31, 2016 Mar 31, 2016

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

Translate
Contributor ,
Mar 31, 2016 Mar 31, 2016

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Apr 08, 2016 Apr 08, 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 09, 2018 Feb 09, 2018

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 12, 2018 Mar 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 17, 2017 Feb 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...

/ ®

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Feb 17, 2017 Feb 17, 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 01, 2018 Mar 01, 2018

How is this feature going?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 10, 2017 Jun 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jun 28, 2018 Jun 28, 2018
LATEST

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines