Skillsharebeginneren

Figma for Busy People: Mastering Auto Layout

Learn Figma Auto Layout! Simplify complex designs & boost your UI/UX skills. Perfect for beginners & designers looking to streamline workflows.

4.9(10)
494students
1h 17m
Certificate
Adi Purdila
Adi PurdilaWeb Designer & Developer

Course Content

Figma for Busy People: Mastering Auto Layout is a beginner-level Skillshare course taught by Adi Purdila. It runs 1h 17m, is taught in English, and includes a certificate of completion. Learners rate it 4.9 out of 5 from 10 reviews, with 494 students enrolled. It is a paid course, first published May 2024.

Unlock the power of Figma Auto Layout and streamline your design workflow! This comprehensive course is designed for beginners and experienced designers alike who want to create faster and more efficiently in Figma. Learn to master Figma Auto Layout in under 90 minutes, even if you're short on time.

Why Choose This Figma Auto Layout Course?

  • Concise & Comprehensive: Get valuable skills without a lengthy commitment.
  • Time-Saving: Build Figma layouts significantly faster.
  • Pro-Level Skills: Learn to use Auto Layout like an expert.

Course Overview: Master Figma Auto Layout

In this class, you'll discover how to effectively use Figma Auto Layout to create responsive and adaptable designs. We'll cover:

  • Adding & Organizing: Learn different ways to add Auto Layout to frames and organize your design elements.
  • Nested Frames: Master Auto Layout nesting for complex layouts.
  • Direction & Positioning: Control object direction, element positioning, and utilize canvas stacking order.
  • Gaps & Padding: Effectively use gaps and padding for visual clarity.
  • Alignment: Precisely align elements for a polished look.
  • Resizing & Adaptability: Implement resizing options to create adaptive designs.
  • Negative Spacing & Padding: Understand and apply negative spacing and padding techniques.
  • Text Baseline Alignment: Control text alignment for optimal readability.
  • Dimensions: Utilize minimum, maximum, and fixed dimensions for precise control.
  • Content-Fit Frames: Create frames that perfectly fit their content.
  • Full-Space Frames: Design frames that occupy the entire available space.

Practical Applications & Student Assignments

This isn't just theory! Each lesson includes practical applications where you'll recreate layouts from real websites. Reinforce your skills with hands-on student assignments complete with written instructions. Download all assignments here: [Download Student Assignments](link to download).

Who is this course for?

This Figma Auto Layout course is perfect for:

  • Beginner designers looking to learn the fundamentals of Figma Auto Layout.
  • Experienced designers wanting to improve their workflow and design efficiency.
  • Anyone seeking to create responsive and adaptable designs in Figma.

A basic familiarity with the Figma UI is helpful, but not required.

What You'll Need

Just a browser and a free Figma account! This course works on Mac, Windows, and Linux.

Get Started with Figma Auto Layout Today!

Join me on this journey to master Figma Auto Layout and transform your design process.

Important Update: Figma's interface has evolved. A bonus video, "Figma 2025 Update: What's Changed," addresses these updates. If you encounter any discrepancies, please ask in the Discussions – your questions will likely be shared by other students!

Happy designing! – Adi

You Might Also Like These Classes

$ whoami — the devs behind tutorialsearch.io

Have a design? We'll build it — the devs behind TutorialSearch.io

Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.

5.0(31)
1h 25m
all
skillshare
5.0(891)
21m
intermediate
skillshare
5.0(1,368)
2h 4m
beginner
skillshare
skillshare