Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Figma: Using Auto Layout

via LinkedIn Learning

Write review
OpenLearning Ad

Master AI and Machine Learning: From Neural Networks to Applications

Learn More → DataCamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Dive into Figma's auto-layout feature and explore its practical applications for UX design projects.

Syllabus

Introduction
  • What is auto layout in Figma?
1. Auto Layout Fundamentals
  • Adding auto layout
  • Resizing dimensions
  • Working with spacing
  • Setting padding
  • Layouts and alignment
  • Rearranging objects
  • Other auto layout settings
  • Absolute positioning
  • Challenge: Image gallery
  • Solution: Image gallery
2. Advanced Auto Layout
  • Exploring nested auto layout
  • Designing a contact card with auto layout
  • Creating a table with auto layout
  • Challenge: Design a recipe card with auto layout
  • Solution: Design a recipe card with auto layout
Conclusion
  • Final thoughts on Figma auto layout

Taught by

Tetiana Gulei

Reviews

4.7 rating at LinkedIn Learning based on 231 ratings

Start your review of Figma: Using Auto Layout

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.