Mastering Auto Layout - Design Champs

New

Bootcamps

Courses

14-Day Challenge

Community

Pricing

New

Bootcamps

Courses

14-Day Challenge

Community

Pricing

New AI Sitemapping Course with Josh Loh

New

Bootcamps

Courses

14-Day Challenge

Community

Pricing

Home

Online Courses

Mastering Auto Layout

Enroll as a Champ+ Member

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Enroll as a Champ+ Member

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Enroll as a Champ+ Member

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Enroll as a Champ+ Member

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Enroll as a Champ+ Member

Details

lessons

1 hr 9 min

of content

Beginner

difficulty

Future updates

Private community

Monthly live UI design events

Topics

Figma

Instructor

Jesse Showalter

What is this course about?

This course dives deep into Auto Layout in Figma—a tool that lets you create UI designs that are flexible, efficient, and built to scale. You’ll learn to build components that auto-adjust, align perfectly, and behave like real product interfaces. Whether you’re designing buttons, cards, or full layouts, this course will help you take full control of your design files.

Requirements

A free Figma account
Basic knowledge of Figma interface and tools
No advanced design skills required—perfect for beginners and pros looking to level up

What you'll learn

How Auto Layout works and why it matters
Creating dynamic buttons, forms, and components
Nesting Auto Layouts for complex, scalable UI
Responsive design techniques inside Figma
Best practices for consistency and maintenance
Tips for speeding up your workflow and reducing manual tweaks

Who is this course for?

Beginner and intermediate Figma users
Designers tired of manually resizing everything
UI/UX designers building components, design systems, or responsive layouts
Freelancers and product designers looking to speed up their workflow
Anyone who wants to make their Figma files more professional and efficient

Browse more courses

New

Soft Skills

Communication for Creatives

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

Soft Skills

Sitemapping

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

Soft Skills

30 Day UI Design

140

lessons

40 hr

Intermediate

A 30-Day Immersive Journey to Master User Interface Design, Craft Your Professional Portfolio, and Launch Your Career with Confidence, Even if You're Starting from Scratch.

New

Soft Skills

Communication for Creatives

lessons

16 Minutes

Beginner

Soft Skills

Sitemapping

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

lessons

16 Minutes

Beginner

Soft Skills

Sitemapping

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

lessons

16 Minutes

Beginner

Soft Skills

Sitemapping

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.