Рет қаралды 29,974
🚀 Get 2 free months on Skillshare Premium & watch my Course for free:
skl.sh/2TVhf8z
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: learnproduct.design
🚀 Create an account on Mobbin for free:
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 Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#autolayout #designsystems #uiuxdesign