Figma for Busy People: Mastering Auto Layout (Udemy.com)
Master Figma's Auto Layout with me! Turn complex designs into simple, fun lessons for all skill levels.
Created by: Adi Purdila
Last updated June 2024
What you will learn
- Different ways of adding Auto Layout to a frame
- How to add, duplicate, and remove objects inside an Auto Layout frame
- How to arrange and reorder objects inside an Auto Layout frame
- Auto Layout nesting techniques
- How to change the direction of objects inside an Auto Layout frame
- How to position objects absolutely
- The importance and use cases of canvas stacking order
- How to change the gap between items
- When and how to use negative spacing
- How to add padding to objects
- How to set alignment on child objects
- How to use the text baseline alignment
- The power of using minimum and maximum dimensions
- How to set fixed dimensions
- How to set frames to perfectly fit their content
- How to set frames to occupy the entire available space within their parent container
How it compares
Against the other 413 rated Udemy courses in Graphic Design on CourseDuck:
- Rating4.6 out of 5higher than 65% of them
- Reviews120#290 of 414 by number of reviews
- Length1.2 hoursshorter than 91% of them
- Last updatedJune 2024earlier than 59% of them
Course Description
Why Take This Class
This is a concise yet comprehensive class, made specifically for busy people who don't have a lot of time to spare but still want to learn something valuable. By the end of this class you'll be able to build Figma layouts much faster than before and use the Auto Layout feature like a true pro.
Class Overview
I'll start by showing you how to add Auto Layout and how to organize and arrange objects. Then I'll teach you how to work with nested frames, how to set the direction and element positioning, how to work with gaps and paddings, how to align elements properly and how to use resizing options to create adaptive designs.
What You'll Learn
Different ways of adding Auto Layout to a frame
How to add, duplicate, and remove objects inside an Auto Layout frame
How to arrange and reorder objects inside an Auto Layout frame
How to remove Auto Layout
Auto Layout nesting techniques
How to change the direction of objects inside an Auto Layout frame
How to position objects absolutely
The importance and use cases of canvas stacking order
How to change the gap between items
When and how to use negative spacing
How to add padding to objects
How to set alignment on child objects
How to use the text baseline alignment
The power of using minimum and maximum dimensions
How to set fixed dimensions
How to set frames to perfectly fit their content
How to set frames to occupy the entire available space within their parent container
Practical Applications
This class isn't just about theory. Each main lesson is accompanied by practical applications where we'll re-create layouts from real websites, giving you valuable hands-on experience.
Plus, there are assignments for each major lesson, providing you with the opportunity to practice and reinforce your newfound skills. The asignments also come with written instructions.
Is This Course for You?
Absolutely! This class will be valuable for total beginners but also seasoned designers. You don't need extensive Figma experience, but a certain familiarity with the Figma UI will make the class easier to follow. This is all about making Auto Layout fun and easy, no matter where you're starting from.
What You’ll Need
We'll exclusively use Figma for our work, so all you need is a browser and a free Figma account. Whether you're on a laptop or desktop computer, running Mac, Windows, or Linux, you're all set to dive in.
Instructor Details
- 4.6 Rating
120 Reviews
Adi Purdila
I'm a passionate web designer and front-end developer with over 10 years of experience. For the past few years, I've been dedicated to sharing my knowledge through video tutorials and courses.
My goal is to help you master Figma and Webflow by creating concise and practical classes, so you can learn fast and design faster.
Outside of work, I'm a big animal lover and enjoy spending time with my furry and feathery friends.
Let's learn and grow together!
More Graphic Design courses
Adobe InDesign - From Basics to Professional Level Designs (2024)
4.9 (320 Reviews)
Provider: Udemy
Time: 11.4h
$84.99
Shop Drawing & Details-Autodesk Revit 2025- for BIM Modelers
4.9 (300 Reviews)
Provider: Udemy
Time: 30.9h
$10.99
The Adobe Illustrator CC Mastery Course: Basics to Pro + AI (2026)
4.9 (268 Reviews)
Provider: Udemy
Time: 30.8h
$19.99
Software Architecture & System Design Practical Case Studies (2026)
4.8 (2,584 Reviews)
Provider: Udemy
Time: 4h
$15.99
Graphic Design Masterclass: Design 40+ Projects in Photoshop (2025)
4.8 (668 Reviews)
Provider: Udemy
Time: 16.5h
$109.99
Reviews
By Arjun Suresh on 6/12/2026
its pretty simple and lean to follow. i believe it could be more helpful if we had more exercises to practice real life examples.
By Skimo1 on 5/10/2026
S-tier course. This might be my second ever review on Udemy and I own 100+ courses. Adi is one of the best instructors I have encountered. His demonstration and explanations are clear and focused. I only wish he had many more courses!
By Oleh Shynkarenko on 4/15/2026
Some small but important details (for example, that you need to group small logo elements before applying Auto Layout, otherwise they break) were not explained in the course, so I had to use ChatGPT to complete the assignments. Overall, it’s difficult to finish the course relying only on the author’s explanations — they cover about 80% of the necessary knowledge.
By Jia Gao on 3/30/2026
I liked the structure of the course, and the part where I had to apply my knowledge in the Figma. My feedback would be to explain parts that were in the homework but not fully covered in the videos, like adding vertical and horizontal separators and the best way to do that.
By Debi I Wijanto on 3/7/2026
Excellent course. The pace is easy to follow—neither too slow nor too fast. I especially appreciated the practical tips and tricks he shared, like the keyboard shortcuts. There are many useful notes to take away, making the course highly valuable.
By Stephanie Otteson on 1/12/2026
I love the teaching style. I love how the assignments are in a ready-to-go format, no time wasted importing or creating elements. Students can simply focus on applying the techniques without tedious mucking around. I will check out this teacher's other courses.
By Zul Bani on 1/3/2026
One of the best course I enrolled in Udemy. The instructor teaches step-by-step and also give us the practical application for each example. Best course on understanding auto layout!
By Alan Munoz on 12/4/2025
The instructor is very thorough. 10/10 recommend for anyone who's starting out in figma. He explains the process so well despite Figma going through constant updates, you can easily figure out the new interface elements while referencing the previous ux layout designs. Thank you!
By Evelin Balderas on 1/31/2025
Hi I really enjoyed this course. Most figma courses are very long and hard to accomplish, but I found this one very helpful as I got to understand Auto-layout in an easier and efficient way. Would love to have another course related to Variables or Responsive Design for Figma. Thank you!
By Jochen Baum on 9/7/2024
Excellent course—exactly what I needed! After working with Figma for over four years as a landing page designer, copywriter, and CRO consultant, I’ve often struggled to find the time and patience to complete longer tutorials. This course was a perfect fit, as I needed a quick dive into Figma's auto layout feature for a client project. It was concise, practical, and straight to the point. Highly recommended. Thank you!
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100






