Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design PREMIUM Assets: https://bit.ly/mavi-design-premium-assets
Download FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA’s features: https://bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In the eleventh episode of “Designing a Website in Figma”, we’re going to create a functional dropdown menu navigation prototype that will enable us to go through individual pages. Expanding on the last episode where we created a global navigation prototype, we’re going to take it one step further in terms of complexity and create a functional drop down menu navigation in our website prototype.
How to create a functional dropdown menu for your website with hover states in figma – Figma Prototyping Tutorial – Free UX / UI Course in Figma – great for beginners
————————
© 2023 Mavi Design
source
Thanks for the Web Design in Figma series. I have been looking for real, hand-ons tutorials on Figma, and this is just what I needed… Great!
Man,
I would like to congrats you so much… your tutorials are superb.
Thank you for that work you’ve done. It’s a gold mine for me.
So much thank you.
Could you also make an easy to digest tutorial on variables, because I have problem to
Wrap my heap around this topic ?
Also, one big question please… how could I be sure, that my header content is above the fold in figma since there
Is no above the fold tool like, in adobe XD?
Thx
Any ideas why I can't set the Resources to Resources Dropdown interaction? When I select "Mouse enter" and "Open overlay" I don't have an option to select my resources dropdown… Super weird.
I watched till this episode and I just wanted to say thank you sir!! I am going to watch ell episodes of your series. Thank you, you helped me a lot!!!
Resources doesn't get bold when you hover on it
This is too good thank you so much again!
This is great. I think we are missing the interaction when you hover on the dropdown_parent default, it doesn't change to the hover effect (black text in this case). I'm struggling in creating that interaction.
Your dropdown link hover 16:04 doesn't work, your arrow icon doesn't face up while hovering 19:26.
Great tutorial, thanks 🙂
Is there a reason the drop-down menu wasn’t made into a component?
I'm having problem with the alignment of that arrow it seems good in component but differs in child component as well as in prototype, can you help me with that.
too long video and unfortunately I didn't understand 🙁
overlay is blinking while hover the mouse on resourcs
This is super helpful, thanks! I am running into the error/bug of when the drop down parent is hovered, it doesn't do the hover effect. I thought it was me and rebuilt the entire nav and components…then realized it is a Figma bug. Maybe too many interactions in one component?
I love you! This is exactly the approach I knew it must work but wasn't sure how to make it. Helped me tremendously! Thank you!!!
thank you
The problem Is that drop down menu icon didn't change from facing down to facing up
Thank you so much. I have been confused with Hover and Mouse Enter
man i am lost half way through
can you do a course on designing with ios or material guidelines
If you have problems with keeping the menu overlay open, try removing the "mouse leave" interaction and instead check "Close when clicking outside" in "Overlay" under "Interaction details". Hope this helps 👍
Resources menu does't change color when on hovering
wow this was really helpful, thanks
🔥🔥 awesome
Your channel is underrated
They're really helpful contents. Not usual stereotype contents. I love it. Keep it up!