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_workspac... 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: • The Mega Product Design (UI/UX) Course for... Webflow Course for Beginners: • Webflow Course for Beginners Photoshop Tutorials: • Photoshop CC Tutorials Illustrator Tutorials: • Illustrator CC Tutorials After Effects Tutorials: • After Effects CC Tutorials UI Design Tutorials: • UI Animation/Interaction Tutorials Design Resources, Tools and Softwares: • Design Resources, Tools and Softwares Adobe XD CC Tutorials: • Adobe XD CC Tutorials eSports Design Tutorials: • eSports Design Tutorials -------------------------------------------------------------------------------------------- Contact me : Portfolio: https://chethankvs.design Twitter: / kvschethan Instagram: / design_pilot Mail: [email protected] Behance: https://behance.net/chethankvs Dribbble: https://dribbble.com/chethankvs -------------------------------------------------------------------------------------------- LIKE, SHARE, COMMENT & SUBSCRIBE :) #autolayout #designsystems #uiuxdesign
