Figma for Busy People: Mastering Auto Layout

Master Figma's Auto Layout with me! Turn complex designs into simple, fun lessons for all skill levels.

Created by: Adi Purdila
Web Designer & Developer

What Will I 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

Requirements

• You don't need extensive Figma experience, but a certain familiarity with the Figma UI will make the class easier to follow.
• This course is all about making Auto Layout fun and easy, no matter where you're starting from.
• 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.

Target audience

• This course will be valuable for total beginners but also seasoned designers.
• This is a concise yet comprehensive course, made specifically for busy creatives 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.