Home » Tools »

Framer Framer

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

Prototyping

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

Drama

Draw user interfaces, create interactive prototypes and make animations.

Prototyping Animation

Figma

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

Design systems Visual design Prototyping Collaboration Developer handoff

Flinto

Create interactive and animated prototypes of app designs.

Prototyping Animation

HotGloo

Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping

InVision

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

Prototyping Developer handoff

Justinmind

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

Wireframing Prototyping

Marvel

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

Prototyping Developer handoff

Mokup

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.

Prototyping

Principle

Create animated user interfaces and prototypes.

Prototyping Animation

ProtoPie

Interactive prototypes for the digital products of tomorrow.

Prototyping

Sketch

The industry-leading tool for digital design.

Visual design Prototyping Design systems

Sympli

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

Prototyping Developer handoff

UXPin

Collaborative online UX design and prototyping.

Wireframing Prototyping