Real responsive navigation bar in Figma!
Yes! we can have a fully responsive navigation bar in Figma. and even more, we can run our prototype in responsive mode which Figma released in config 2024 to check our design for different screen sizes.
Watch this video and you can design a responsive navigation bar like a pro!
@Figma
🔗🔗Fully responsive design in Figma - Auto layout, Responsively, Fixed aspect ratio 😎(2024):
• Fully responsive design in Figma - Auto la...
🔗🔗 Learn Auto Layout in Figma! | How to use Group, Frame, and Section?
• Learn Auto layout in Figma! | How to use G...
🔗🔗 Learn responsive layout fundamentals:
• Responsive Design: The Basics (and Why You...
🔗🔗 Responsively plugin:
https://www.figma.com/community/plugi...
🔗🔗 Click here on this link and join the discord server now:
/ discord
Let's Learn together #UX and #UI , #Design, #figma #prototype
📌 Timestamps:
0:00 - What you will see in this video
1:27 - Navigation items
4:34 - Action icon
5:31 - Logo
6:26 -Layout of navigation
7:36 - Responsive
8:11 - Mobile variant
9:26 - Convert to component
10:33 - Full responsive
12:15 - Breaking points
13:57 - Responsively plugin
15:48 - Prototype setting
16:34 - Result
17:05- Example
👍 If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!
🔔 Subscribe for weekly design tutorials:@Kimoartcave
--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
Variables: create dial pad: • #figma Tips and Tricks: Designing a Functi...
Advance micro-interactions in Figma: • Level Up Your Micro-Interactions in #Figma...