Framer adds AI-assisted interaction recipes for micro-interactions and motion

Design · 4 min read

Designers can describe an interaction—"a snappy bounce on button press with reduced motion alternative"—or upload a reference video and Framer will produce a reusable interaction recipe with parameters for duration, curve, and accessibility toggles. These recipes can be applied across components in a design system.

The generated interactions are exported as clean code snippets compatible with React and native platforms, and include accessibility-aware variations such as reduced motion and preference detection. Framer also added an interaction playground for tweaking the recipe and previewing performance on simulated devices.

Early feedback highlights faster iteration on micro-interactions and better consistency across components, reducing the back-and-forth between designers and engineers on animation details. Framer plans to add a marketplace for community-shared recipes next quarter.