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:

  1. Select the Auto Layout frame
  2. Enter a value in Spacing Between Items
    1. For → (Row): Maps to column-gap
    2. For ↓ (Column): Maps to row-gap
  3. Some versions of Figma may show separate controls for horizontal and vertical gaps

Figure 7-7 Gap (gap, row-gap, column-gap)