Home » Tools »

Framer Framer

A free prototyping tool for teams. Bring every idea to life in Framer.


Visit site »

So yes, Framer is on the web.

And it’s got all the team collaboration features you’d expect from a high-fidelity prototyping tool: multi-player editing, easy sharing, inline commenting, reusable components, and developer handoff. But let’s cut right to what makes this the best prototyping tool on the market.

An advanced prototyping tool, minus the code.

So how does it work? Import from any of your favorite
UI design tools or start from scratch in Framer. Simply right-click to swap out static elements and replace them with interactive components.

Motion that works like magic.

Ready to design your first animation? Drag and drop with Magic Motion to create immersive prototypes. Just use the connector to draw a link between elements on the canvas. Manipulate size or position and Framer figures out everything else.

Draw simple card animations or compose complex prototypes. The best part? Nothing you design is throwaway. Of all prototyping tools, Framer is the only one outputs animation values that can be used 1:1 in production.

Related courses

Design and code in Framer X

Create powerful design and code components for your app and design system.

Short course Intermediate Design systems Design-to-code Prototyping

Alternatives to Framer

Adobe XD

Adobe's UX design tool. Basically their answer to Sketch.

Visual design Prototyping Developer handoff

Axure RP

The industry standard tool for creating wireframes and interactive prototypes.

Wireframing Prototyping


Draw user interfaces, create interactive prototypes and make animations.

Prototyping Animation


Where teams design together. Design, prototype, and collaborate all in the browser.

Design systems Visual design Prototyping Collaboration Developer handoff


Create interactive and animated prototypes of app designs.

Prototyping Animation


Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping


Share prototypes, get feedback and hand-off to developers.

Prototyping Developer handoff


All-in-one prototyping tool for web and mobile apps.

Wireframing Prototyping


Create and share prototypes, hand-off designs to developers.

Prototyping Developer handoff


Create prototypes that look and feel like real apps.

Prototyping Animation

Origami Studio

A new tool for designing modern interfaces, built and used by designers at Facebook.



Create animated user interfaces and prototypes.

Prototyping Animation


Interactive prototypes for the digital products of tomorrow.



The industry-leading tool for digital design.

Visual design Prototyping Design systems


An enterprise-grade, integrated collaboration and workflow platform for building digital products.

Prototyping Developer handoff


Collaborative online UX design and prototyping.

Wireframing Prototyping