How to Create a Navigation Bar in a Design System – Figma Tutorial

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z

In this video, I will guide you through designing navigation bars for apps. Navigation bars are a crucial component in app design, and I will explain the essential considerations and variations you need to be aware of. I will also provide insights into the dimensions and alignments of navigation bars for different iPhone models.

🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems

🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

🔶 Chapters
00:00 Introduction
00:25 Material Design Guidelines
02:10 Human Interface Guidelines
03:36 Mobbin
04:37 Inventory Analysis
07:02 Designing the Nav Bar
42:57 Documenting the Nav Bar
—————————————­—-
Mega Product Design Course for Beginners:

Webflow Course for Beginners:

Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:

——————————————————————————————–
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE 🙂