Figma Auto Layout Tutorial for Beginners

Figma Auto Layout Tutorial for Beginners

114K views · 2025-08-04 UI Design
🎥 Figma Tutorial Playlist: https://www.youtube.com/watch?v=D4NyQ5iOMF0&list=PLKId0A0XCIbUYx3c_NYn13W9Z_kkIiA2m
📄 2026 UX Career Guide (Free): https://alienacai.gumroad.com/l/uxroadmap
📖 My UX Design Career Accelerator: https://fasttrackux.com
☕️ My Email List (Free): https://trillionscafe.substack.com/

This is an auto layout tutorial — fully updated with the new grid feature and all the latest settings. In this video, you’ll learn everything from the basics of vertical, horizontal, freeform, and grid layouts, to using auto layout in a real-world design project. I’ll walk you through every feature and every button inside the layout panel so you can confidently build clean, flexible designs in Figma.

Chapters:
0:00 – how to create and remove auto layout
1:45 – how to use freeform layout and basic auto layout adjustments
3:10 – how to use vertical and horizontal layout
4:50 – how to use grid (new feature)
5:52 – how to use auto layout settings
6:53 – how to use auto layout in a design project (real-world scenario)
8:00 – auto layout best practices