Dive into Figma's auto-layout feature and explore its practical applications for UX design projects.
Overview
Syllabus
Introduction
- What is auto layout in Figma?
- 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
- 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
- Final thoughts on Figma auto layout
Taught by
Tetiana Gulei