Framer

Framer is a design and prototyping tool used by UI/UX designers to create interactive prototypes for web and mobile projects. It originated as Framer.js, a JavaScript-based prototyping framework released in the early 2010s, enabling designers to implement animations and interactions directly in code. The product evolved into a stand-alone design and prototyping platform, retaining a focus on advanced interactions while offering a visual design surface and collaboration features.

The Framer interface combines a design canvas with a timeline-like animation system and a component-based architecture. Designers can build reusable components, define multiple states or variants, and implement motion and gesture-based interactions. The platform supports overrides or code components, allowing developers or advanced designers to inject custom logic with JavaScript or TypeScript. Prototypes created in Framer can be shared for review, tested on devices, and exported or handed off to developers, facilitating design-to-development workflows.

Framer has influenced design tooling by emphasizing motion, interactivity, and real-time collaboration. It also gives rise to related technologies such as Framer Motion, an open-source animation library for React developed by Framer.