The Mega Product Design (UI/UX) Course for Beginners - The Ultimate Guide to Figma's Auto Layout: Design and Construct UI Components like a Pro in Figma!

🚀 Book 1:1 Tutoring Sessions with me and take your Product Design journey to the next level: https://www.learnproduct.design/sessions In this tutorial, I will show you how to use Auto Layout in Figma to design and create UI components the right way, like a Pro in Figma. We will extensively be using Auto Layout in this tutorial. So by the end of this video, you will be a master at Auto Layout. 🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design 🚀 Create an account on Mobbin for free: https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947 00:00:00 How to follow this Tutorial 00:01:24 Navigation Bar 00:10:58 Button 00:16:11 Slider 00:22:57 List Items (Super Important) 00:31:23 Modal Sheets 00:40:05 Dealing with Text in List Items 00:45:10 Exception to List Items 00:47:00 Tabs (Segmented Controls) 00:55:40 Input Fields 00:58:47 Anatomy of a Card 01:01:13 Dropdowns 01:03:45 2 Shortcuts for Auto Layout ---------------------------------------­---- UI/UX Design Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3 Webflow Course for Beginners: https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8 Photoshop Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi Illustrator Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1 After Effects Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk UI Design Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW Design Resources, Tools and Softwares: https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9 Adobe XD CC Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv eSports Design Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P -------------------------------------------------------------------------------------------- Contact me : Portfolio: https://chethankvs.design Twitter: https://twitter.com/kvschethan Instagram: https://instagram.com/design_pilot Mail: [email protected] Behance: https://behance.net/chethankvs Dribbble: https://dribbble.com/chethankvs -------------------------------------------------------------------------------------------- LIKE, SHARE, COMMENT & SUBSCRIBE :) #autolayout #designsystems #uiuxdesign