This topic provides information on Align Items (align-items).

Controls alignment along the cross axis

CSS Equivalent:

align-items: flex-start | center | flex-end | stretch;

Figma Concept:

Aligns children perpendicular to the Auto Layout direction.

How to Set in Figma:

1. Select the Auto Layout frame
2. Use the Alignment Grid (3x3 dot grid) in the design panel
3. Mapping:
   1. For Horizontal (→) direction:
      1. Top → flex-start
      2. Center → center
      3. Bottom → flex-end
   2. For Vertical (↓) direction:
      1. Left → flex-start
      2. Center → center
      3. Right → flex-end