KLD Institute
Menu
Course mapOpen study notes

Slide 32 of 36

Figma bridge

Auto layout makes layout decisions explicit

  • Use frames for groups.
  • Use padding for inside space.
  • Use gaps for relationships between items.
Diagram explaining Figma auto layout with frame, padding, gap, direction, and resizing behavior labels.
Auto layout turns grouping, padding, gap, direction, and resizing into editable settings.Original KLD Institute teaching diagram.