How to Design Responsive Header Navigation in Figma - Autolayout #figma #config2023

How to Design Responsive Header Navigation in Figma - Autolayout

In this tutorial, you will learn how to design a responsive header navigation using Figma's powerful Autolayout feature. Whether you're a web designer, UX/UI designer, or simply looking to improve your design skills, this tutorial is perfect for you. We'll cover everything you need to know, from setting up your design file to creating a flexible and responsive header that works on any screen size. By the end of this tutorial, you'll be able to create a beautiful and functional header navigation that adapts seamlessly to different devices and screen sizes. So grab your Figma tool and let's get started!

🔴 Don't forget to Subscribe. Trust me it's absolutely FREE

If you found this video helpful, don't forget to like and subscribe for more design tutorials and tips. Thanks for watching!

[vandersonmarinho]

I'm Brazilian 🇧🇷 and I learned a lot from your explanation. thank you very much.👍

[ElMountaserBAbbas]

To group auto layout click shift-A, this is my first video in figma and I used to use ctrl G usual to Group but its not the same I noticed, so I found this SHIFT A

[emflit]

Thank you soooo much for this amazing video! Finally, I got it! Good job :)

[marckobuendicho]

bro, thank you really. I subscribe, you fcking made it work for me. Godbless. I hope you continue making videos, especially for a whole landing page design process.

[cahit]

Hi, good aproach, but how can we check, whether it is responsive?

[chakaravarthy]

Bro ur voice sounds like Saul Goodman in quite manner

[tsiroukismichael]

Hi, i have an issue on creating an instance of the head navigator (@ 13:20 ). It produces only 1 of the 3 head navigators each time i copy and paste them over the frames (desktop, tablet and mobile). I cannot change the properties of the navigator header (S, M, L). I have followed the steps multiple times, but without luck. Is there any solution for that ?

[fUzZyboY]

where are the urls to breakout rooms? How do I get into them?

[PureToneMusic]

Can you do one with how you'd add a hamburger menu for the tablet and mobile?

[Jwarddesign-ca]

Am I a complete boomer or just a dummy? I can never see the details on the person's screen as they're showing us. I don't have bad vision either. How does everyone see everything they're showing? Can you zoom in on videos or something?

[govalaputra]

Nice tutorial!, and don't forget to drink more water bro!

[SomeOne-ring]

good tutorial, but accent and pronocment could be beter

[artenman]

This guy sounds like he's falling asleep