Figma launches AutoFlow: AI-driven responsive layout and pattern extraction

Design · 5 min read

AutoFlow analyzes frames and component instances to propose responsive constraints and breakpoints automatically. Designers can select a frame and ask AutoFlow to generate mobile and tablet variants that respect component spacing, typography scales, and accessibility contrast. Figma says AutoFlow uses a combination of model heuristics and an internal design rule engine to avoid producing brittle layouts.

A complementary Pattern Extractor identifies repeated visual structures and offers them as components with suggested properties and tokens. Extracted patterns are packaged into a team library draft that can be reviewed and published by design system owners. Figma emphasizes versioning and diffs so teams can see how AutoFlow-derived changes evolve over time.

The rollout includes enterprise admin controls that limit AutoFlow’s ability to modify published libraries automatically. Designers praised the speed gains but cautioned that AutoFlow sometimes proposes token names that require cleanup. Figma plans to refine the assistant using opt-in telemetry and a community library of pattern mappings.