Framer
Framer
  • Learn
    • Speedruns
    • Starter Kit
    • Examples
    • Tutorials
    • Sessions
  • Teams
    • Teams
    • Enterprise
  • Pricing
  • Blog
  • Updates
  • Support

A free prototyping tool for teams.

Bring every design to life in Framer.

Backdrop

Inbox

6.3k

Compass

1.7k

Delete

0.6k

Cloud

9.1k

Copy

12.8k

Glyphs

#3d3d3d instead?

Maybe.

I have a beta sequence
I have been working on.

96

cal

72

bpm

68

dB

9

hours
CursorCursor

Watch an overview of everything new in Framer.

Framer is easy prototyping on the web.

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

icon

Simpler
Interface

icon

Prototyping
Insert Menu

icon

Magic
Motion

icon

Effortless
Sharing

icon

Extensive
Interactions

icon

Animations
Handoff

High-fidelity interactive design, 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.

Try it out now
Preview
Preview
Preview
Interaction
Interaction
Interaction
Get started
Submit

Motion that works like magic.

Ready to design your first animation? Drag and drop with Magic Motion to create an immersive prototype. 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 intricate prototypes with data inputs. The best part? Nothing you design is throwaway. Of all prototyping tools, Framer is the only one that outputs animation values that can be used 1:1 in production.

Closed screenClosed screen
Opened screenOpened screen
Controls
Home
Interaction
Interaction

Pictures are great for postcards.
But are meant to be clicked×0.

Interaction design doesn’t have to be hard. The new Insert Menu gives you easy access to all the building blocks for rapid prototyping. Click the + icon to find and insert device frames, interactions, buttons, video players, and more—everything comes preloaded with customizable interactions.

Get this free prototyping tool today
Search
Preview
Backdrop

Go wild. This all takes
  1. 2
  2. 3
:
  1. 4
  2. 5
  3. 0
  1. 5
  2. 6
  3. 7
  4. 8
  5. 9
  6. 0
  7. 1
  8. 2
  9. 3
  10. 4
  11. 5
  12. 6
  13. 7
  14. 8
  15. 9
  16. 0
minutes in Framer today.

No really–we’ve timed it.

Use toggles that toggle...

...and sliders that slide

11

It's not rocket science

It's great for big ideas...

...and tiny ones

Explore over 50 examples

Framer is
for the beginner.

For anyone who wants to go beyond purely visual. And express how things feel. It’s the prototyping tool that gives your work a competitive edge. Without sacrificing on speed. Or quality.

Get started with our free plan

Learn more about the Framer vision.

Because
when everyone is speaking
in prototype.

Fewer mistakes happen.

Big ideas
come to light.

And better products are born.

Get started with
Framer today.

Sign up for a free account
Framer

Framer

  • Updates
  • Pricing
  • Tutorials
  • Teams
  • Enterprise
  • Blog
  • Motion

Platforms

  • Web
  • macOS
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing
  • User Testing
  • Desktop PrototypingNew

Resources

  • Examples
  • Sessions
  • SpeedrunsNew
  • Packages
  • Volt
  • API
  • State of Prototyping
  • Wireframing Tool
  • Mockup Tool
  • Dictionary

About

  • Loupe
  • Community
  • Company
  • Careers
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement