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 tenth episode of “Designing a Website in Figma”, we’re going to create a functional global navigation prototype – we will be using the Prototype mode to enable clicking through individual pages aka the global navigation. We will learn about components, instances, auto layout and fixed elements to also fix our header along with a broken smart animate accordion

How to set up a functional global navigation (click through pages menu) on your Figma prototype – Figma Prototyping Tutorial – Free UX / UI Course in Figma – Great for beginners

————————
© 2023 Mavi Design

source

8 Comments

  1. Hi Mavi, new subscriber here and you're awesome! HELP: For the header, I can't find the 'fix position while scrolling' option after I moved the header out of the Auto layout. Can you help, please?

  2. Thank you so much for these detailed videos. Easy to follow and excellent results. I get a black bar above the menu in these indivual pages when i click on the homepage to go to these pages.

  3. Great solution to the prototype "jumping" problem! But if you've got expanding content on your page (as you do in your accordion), how do you vertically size the new top-level frame? It's not an auto layout so it's fixed, right? Do you just expand everything in your layout and resize the frame to fit? That will leave a lot of extra scrollable white space at the bottom of your prototype. Is that a necessary tradeoff for managing this bug?

Leave A Reply

Please enter your comment!
Please enter your name here