Your compositions are begging for movement. Bring them to life by creating expressive animations and innovative interaction patterns.View example prototypes
Writing code doesn’t limit your creativity—it provides new creative opportunities. Explore additional aspects of your design that you previously couldn’t.Learn prototyping with Framer
Create interactions in just a few lines of code. Framer works with CoffeeScript, which is easy to learn. Less knowledge is required than designing in the browser.Read the docs
Explore interactions for mobile platforms, desktop apps, and websites. Choose from 8 pre-installed devices to demonstrate the real environment for your design.
Watch an hour-long presentation about prototyping, design tools and the the basic building blocks on which Framer was built.
Framer works with familiar tools, so adding prototyping won’t mess up your process. You can import a design directly from Sketch or Photoshop and bring in revisions seamlessly.Learn about import
When designing for mobile, the best way to validate concepts is to experience them on the actual device. Preview your prototypes on a real mobile device with Mirror.Learn about mirror
Write animations and interactions in a legible and minimal way.
Use snippets to quickly access reusable blocks of code.
Discover errors and correct them with the inspector.
Includes functions, properties and variables you define.
Every edit is rendered in the viewer and on connected 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.