Figma updates AutoLayout with semantic spacing and responsive AI

Design · 4 min read

Figma rolled out a significant AutoLayout enhancement that introduces semantic spacing tokens such as compact, relaxed, and form-field which map to device-specific pixel values. Designers can author spacing in meaning-first terms, ensuring consistent behavior when teams change themes or scale typography. The update includes migration tooling to convert existing pixel-based layouts to the new semantic model.

Alongside semantic spacing, Figma released a responsive AI assistant that analyzes frames and suggests breakpoints, content reflow, and priority changes. The assistant simulates content resizing across typical form factors and provides a suggested set of constraints and overrides that can be applied automatically or manually tuned. Figma says the assistant reduces the repetitive work of crafting breakpoint-focused variants.

The update also extends team libraries: semantic tokens can be enforced at the organization level and surfaced in design system documentation. While early adopters praised improved handoff to engineers, some technical leads asked for finer controls around token mapping and export precision for legacy platforms.