7.5 Gap (gap, row-gap, column-gap)
This topic provides information on Gap (gap, row-gap, column-gap).
CSS Equivalent:
gap, row-gap, column-gap – Spacing between items
Figma Concept:
Set via the Spacing Between Items input in Auto Layout.
How to Set in Figma:
- Select the Auto Layout frame
- Enter a value in Spacing Between Items
- For → (Row): Maps to column-gap
- For ↓ (Column): Maps to row-gap
- Some versions of Figma may show separate controls for horizontal and vertical gaps
Parent topic: Auto Layout to Flexbox Mapping
