KLD Institute
About
Courses
Method
Admissions
Partnerships
Policies
Contact
Menu
Institute
About
Courses
Method
Admissions
Partnerships
Learning
Course map
Flagship course workspace.
Templates
Reusable course worksheets and teaching artifacts.
Contact
How to reach the institute.
Policies
Policy index
Privacy
Terms
Accessibility
Learner code
Course map
Open study notes
Previous lesson
Visual Foundations: How Designers See Screens
Next lesson
Typography: Type Roles, Hierarchy, Readability, and Tone
Slide 32 of 36
Previous
Next
Figma bridge
Auto layout makes layout decisions explicit
Use frames for groups.
Use padding for inside space.
Use gaps for relationships between items.
Auto layout turns grouping, padding, gap, direction, and resizing into editable settings.
Original KLD Institute teaching diagram.
Previous lesson
Visual Foundations: How Designers See Screens
Next lesson
Typography: Type Roles, Hierarchy, Readability, and Tone