Responsive Navigation bar in Figma - How to Design auto layout navbar
Вставка
- Опубліковано 28 лип 2024
- Responsive Navigation bar in Figma - How to Design auto layout navbar
In this video, you will learn how to design a responsive navigation bar in Figma using Auto Layout. Some also call it a menu bar so let's see how we can design and create a responsive navbar in Figma.
#uxdesign #learnuxid #ui/ux
-------------------------------------------------------------------------------
I teach UI UX Design to more than 100K+ students from 186 countries. Learn and improve
your career as UX/UI Designer and upgrade it.
Watch FREE - 5h Video Course - Visual Design for UI Designers & Developers
► learnuxid.com
17+ Pro UI UX Design Course bundle for $99 (Biannual)
► learnuxid.com
Kit Camera, Microphone used in the making of this Video
►kit.co/ahsanpervaiz/youtube-d...
Book me as your Mentor (only 2 slots)
► mentorcruise.com/mentor/muham...
Follow me here, Thanks
--------------------------------------
learnuxid.com (website)
/ learnuxuidesign
----------------------------------------------------
/ mahsanidrisi
/ mahsanidrisi
/ muhammad-ahsan-pervaiz...
dribbble.com/ahsanidrisi
www.behance.net/ahsanidrisi
You made this so easy to understand, many thanks!!!
You LEGEND! This is exactly what I needed to know 🤩
Thanks Shani
To the point and covering all need! hats off sir
Thanks a lot
Thanks a lot for the insight. Very helpful
💯
Make sure you watch this whole playlist
Great tutorial, thanks!
Thanks a lot Sean
Loved It. Super easy to understand
Thanks a lot
Easy to understand. Thank you
You are welcome
simple and clear cut 💝
Thanks bro
Thank you a lot bro. I cannot realize this, after your simple understandable way, i get it. Thanks a lot
I love to simplify things, do watch other videos on my channel
thanks you i succesfuly done it
Great, do watch my latest Figma new updated Auto Layout Videos too
Thank you so much❤❤❤
Glad to help
Thank you so much
You're most welcome
Thankyou so much for sharing :)
My pleasure 😊
Thank you! This was so easy to follow
Thanks for watching
Hey :) So to sum up ux/ui position.. you need material design and human interface guidelines along with screens from websites for UI patterns and competition to create wireframe and then final product. I have watched UX/UI courses on all major platforms, have experience with graphic design, read UX books, viewed thousands of instagram posts and read articles on medium. Bottom line you need design systems and UI patterns and as you said in one video : copying others to learn. Do you agree?
I am talking from junior perspective. A/B testing, surveys, interviews and all other things make sense if you know what is accordion, ghost button, FAB, top bar, bottom bar etc. Unfortunately courses UX/UI courses are all copy and paste from each other and they didn't emphasize the most important things!
Tools, Process and skills. These are 3 major areas to work on. UX fall under process, similarly design systems fall under process too. Figma, Adobe Xd are tools, typography, colour scheme and design direction are skills
hi how are you I am trying to build a food app for ordering sandwiches I'm trying to get the navbar to stay on screen during changes how do I go about doing that thank you
Try to watch my other tutorials that are on my channel about auto layout and card design to understand more about autolayouts
Please make a video on using constraints. Thanks for this one bro...
Inshallah
Im not getting that option in auto layout and resizing options in my figma don't know why. I use the web version
Please watch my latest Figma Figma about new Figma Auto layout features. Also Tonight one new video is coming. Subscribe to stay updated with latest in Figma and UI UX Design, Thanks
Could you please help me. A have tried to add small red dot like you (at the top of Message category), but with press space bar on Mac it doesn't work. Thanks in advance.
Now it has changed. There is an absolute position button in top position panel properties
@@learnuxid hmmm .... I just can't fix that. :/
Ok. It works. :)
when text in the left are dragged , message text with dot should also responsive right, but only text gets dragged, dot remain at the same place? please clear this doubt
Dot is absolutely positioned that's why it stays in the same place and everything moves. I will make a new video on this same topic
budddon buddon buddddon
You didn’t clear up constraints
Will make another video
You made this so easy to understand, many thanks!!!
Glad it was helpful!