Master Auto Layout & improve your design life! Figma Tutorial for Auto Layout Basics & Advanced Tips
Auto Layout isn't new to Figma, but knowing not just how to use auto layout, but master auto layout, can truly elevate your UX & UI design skills. Trust me - taking the time to learn how to use Auto Layout and Figma has allowed me to design more efficiently and create more complex interfaces, prototypes and designs.
Going through the basics of auto layout all the way up to advanced tips through real examples and applications, learn how to master and use auto layout!
📑 Chapters
Intro 00:00
What type of designer are you? 01:17
The Basics: What is Auto Layout? 02:05
The Basics: Enabling Auto Layout 02:33
The Basics: Rows or Columns? 03:37
The Basics: Rearranging Your Elements 03:59
The Basics: Auto Layout Alignment 05:29
The Basics: Padding and Inner Spacing 07:34
Auto Layout Basics in Practice: Nav Bar 09:09
Auto Layout Basics in Practice: Buttons 10:38
Auto Layout Basics in Practice: Content Areas and Bootstraps 14:28
Advanced Auto Layout: Spacing Modes 18:03
Advanced Auto Layout: Canvas Stacking & Overlapping Elements 20:28
Advanced Auto Layout: Strokes 21:38
Advanced Auto Layout: Text Baseline Alignment 22:38
Advanced Auto Layout Example: Separated Nav Bar 25:07
Advanced Auto Layout Example: Texting & Image Content Block 29:04
Plz subscribe ► / @andrewtralongo
Discord ► / discord
All the socials ► https://linktr.ee/andrewtralongo
Download Mix It Up ► http://mixitupapp.com
🖤💛❤️️ Acknowledgement of traditional owners 🖤💛❤️️
We acknowledge the Traditional Owners of the land on which we record and broadcast. We pay our respects to their Elders, past and present, and the Aboriginal Elders of other communities who may be here today.
———
#figma #autolayout #tutorial #beginner