Framer Adds LLM-Driven Interactions and Conditional States

Design · 3 min read

The feature allows designers to annotate a component with a natural language description like ‘hover reveals secondary actions, but only if the user has completed onboarding.’ Framer’s engine translates that description into concrete state machines and code snippets that developers can export or refine.

Framer also improved its props-binding interface to accept AI-suggested default values based on common patterns and product context. The company claims this reduces iteration cycles between design and engineering by generating more accurate initial behaviors.

The update is available to Pro plan subscribers and includes a change-log view that explains why the model generated particular state transitions, helping teams audit and adjust behavior logic.