📱Responsive Design in Figma

Constraints and resizing properties allow us to create flexible, responsive designs in Figma. Learning how to properly set up responsive components allows you quickly design for multiple screen sizes while removing the guesswork from dev handoff.

Enroll Now

Course Curriculum

1
- Access
- Meet Your Instructor
- What To Expect In This Lesson
2
- Why Use Constraints?
- Understanding the Basics
3
- Why Use Auto Layout With Constraints?
- Understanding How Constraints & Auto Layout Work Together
4
- How Using Constraints & Auto Layout Help With Our Projects
- Putting It All Together On A Real Project
- Resources

Meet Your Instructor

Tom McQuaid, Principal Experience Designer

Hi everyone! I'm a designer whose work spans UX research through high-fidelity UI and design systems. I've been in the field for over nine years—long enough to work through the Photoshop, Illustrator, and Sketch eras—and Figma has totally changed the game. It makes my life so much easier. Tools like constraints and auto-layout have made responsive design (always a pain in the past) a totally intuitive and delightful experience.

Email Me