Figma: Using Auto Layout

Offered By: LinkedIn Learning

Tags

Web Design Courses Graphic Design Courses Figma Courses User Interface Design Courses Responsive Design Courses UX Design Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

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

Related Courses

UX Design for Mobile Developers
Google via Udacity UX Research at Scale: Analytics and Online Experiments
University of Michigan via edX Introduction to UX Research
University of Michigan via edX UX Design: From Wireframe to Prototype
University of Michigan via edX UX Design: From Concept to Wireframe
University of Michigan via edX