Framer is a new creative tool to build interaction and animation prototypes.Learn Framer
Connect pixels to behavior and discover exciting new ways of interaction design.Read Docs
Built on Framer.js, an open source prototyping framework. Low learning curve with CoffeeScript.
Instant visual feedback while you're working. Runs great on iOS and Android with WebKit.
Use state machines to define properties and set up complex interactions. Full gesture support.
Animate any object in 3D space with spring physics. Hardware accelerated for 60 FPS.
Watch an hour-long presentation about prototyping, design tools and the the basic building blocks on which Framer was built.
Prototyping is all about getting the details just right. And with Framer Studio’s built in Layer Inspector, you have the right tool for the job. Import a file from Sketch or Photoshop and your layer structure is right there. Ready to inspect and bring to life. Hover over any layer, to get detailed information about its position and size.Download example file
Small re-usable codeblocks to speed up your workflow.
Discover errors and inspect them with Web Inspector.
Including functions, properties and variables you define.
Changes are rendered in the viewer and on mobile devices.
Use the full-screen mode for immersive demos.
Create prototypes for Desktop, Tablet and Mobile.
Zoom & Rotate
Work in any orientation, pixel-density or zoom-to-fit.
Blur, brightness, contrast, hue, saturation and more.
Linear, easing and three different spring physic engines.
Transform and animate any layer in 3D space.
Create complex interactions with sets of animatable properties.
Upload and share your prototypes with a single click.
Preview your prototypes on any iOS or Android device.
Built on the latest, fastest web technology.
Drag & Drop
Drop images from anywhere directly on the viewer.