Skip to content
UdemyGraphic DesignPaid courseAll LevelsCertificate

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

icon
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

icon
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.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

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!

icon
More Graphic Design courses

$84.99

$10.99

$19.99

Free

$15.99

$109.99

icon
Reviews

4.6

120 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

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!

Showing all 10 reviews on CourseDuck

Read all 120 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100