Figma introduces AutoLayout 3 with AI-driven constraints and predictive resizing

Design · 3 min read

Figma announced AutoLayout 3, a major update to its AutoLayout system that blends machine learning with deterministic constraints. The new version infers anchoring and resizing behaviors from a few annotated examples, letting designers convert static frames into responsive components with a single action.

AutoLayout 3 includes predictive resizing that simulates real-world content shifts and suggests optimal constraint sets to minimize overflow and layout breakage. Designers can preview several device contexts instantly and accept model-suggested fixes or tweak rules manually.

Figma also rolled out a migration assistant for legacy files and a new API endpoint that exposes inferred constraint metadata for automation workflows. The company emphasized backward compatibility and the ability to lock-in brand tokens so predictive changes respect design systems.