Technology & Digital Skills
Responsive Design, Constraints, Auto Layout, and Design Systems
Responsive Design, Constraints, Auto Layout, and Design Systems is a course in UX/UI Design with Figma: From First Sketch to Polished Prototype. 10 lessons covering Understanding Constraints for Responsive Design; Auto Layout Deep Dive—Padding, Spacing, and Direction; Building Responsive Cards and Lists with Auto Layout.
10 published lessons · Online learning · Part of Learn & Grow
View the curriculum here. Sign in to access lessons under your learning plan.
What this course covers
- Understanding Constraints for Responsive Design · 15 min
- Auto Layout Deep Dive—Padding, Spacing, and Direction · 15 min
- Building Responsive Cards and Lists with Auto Layout · 15 min
- Advanced Auto Layout—Resizing, Wrapping, and Nesting · 15 min
- Designing for Multiple Screen Sizes—A Mobile-First Workflow · 15 min
- Component Properties—Variants, Instance Swaps, and Text Overrides · 15 min
- Organising Styles and Assets for a Scalable Design System · 15 min
- Building a Mini Design System—Colour, Type, and Components · 15 min
- Documenting Your Design System for Teams · 15 min
- From Design to Handoff—Exporting Assets and Inspecting Code · 15 min
Continue your learning path
This course belongs to UX/UI Design with Figma: From First Sketch to Polished Prototype. Explore the full academy to see the other courses in this learning path.
How to get started
- Create your Learn & Grow account or sign in.
- Review the available access plans and choose the academy you need.
- Work through the lessons and activities in your learning dashboard.
Contact support if you need help choosing the right learning path.