Framer ships Auto-Flow: AI-generated interaction chains and state machines

Design · 3 min read

Framer introduced Auto-Flow, a feature that analyzes artboards and component variants to generate interaction chains and state machines automatically. Designers can annotate triggers (tap, hover, conditional) and receive a visual flow with testable transitions and timing suggestions.

Auto-Flow exports a serialized state machine that developers can import into common frameworks, complete with event names, payload shapes, and test hooks. The system is designed to reduce the manual work of wiring interactions across nested components and conditional UI scenarios.

Framer runs the inference locally by default and provides collaborative review features so teams can accept or modify generated flows. The company says the goal is faster prototyping cycles and cleaner handoffs where interaction intent is explicit and versioned.