This topic provides information on Direction (flex-direction).

CSS Equivalent:

flex-direction: row; (horizontal) or flex-direction: column; (vertical)

Figma Concept:

Controls the primary axis along which items are arranged in the Auto Layout frame.

How to Set in Figma:

1. Select the Auto Layout frame
2. In the Auto Layout section:
   1. Click → for flex-direction: row.
   2. Click ↓ for flex-direction: column.

   Figure 7-2 Direction (flex-direction)

   
   

   
   Description of "Figure 7-2 Direction (flex-direction)"