Problem

Currently, there’s no way to bind the Flex Direction property (horizontal / vertical) to a variable or boolean condition. This makes it impossible to dynamically switch layouts inside a component using variables or modes. Designers are forced to create duplicate components or manually toggle the direction.

Proposed Solution

Allow flexDirection to be controlled via a variable or boolean property, similar to how alignment, spacing, and padding can already be managed.

Example syntax:

flexDirection = isVertical ? "VERTICAL" : "HORIZONTAL"

Expected Benefits

1. Enables adaptive, single-source components without duplicates.

2. Improves token-driven and responsive design workflows.

3. Makes component logic consistent with existing variable bindings.

Priority

Medium–High — essential for scalable, adaptive design systems using Figma variables and Auto Layout.