Figma for Busy People: Mastering Auto Layout

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.