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

User Experience for the Web
Open2Study Writing for the Web
Open2Study Web-Engineering I: Grundlagen der Web-Entwicklung
iversity Human-Computer Interaction Design
University of California, San Diego via Coursera Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)