Framer - Prototype Features Announcing Framer X. Join the waitlist. Announcing Framer X. Join the waitlist.

The only true high-fidelity prototyping tool.

No more click-throughs. It’s time to design prototypes that come closer to production.

Try Framer for free Watch video

A little code goes a long way.

Add animation with one click, then hook into an API and pull live data. No matter how little coding you know, we provide the building blocks to help you learn as you go. Create everything from micro-interactions to multi-screen prototypes. Get your designs closer to production—your engineering team will thank you.

Animations

Design native-level transitions, easily.

Gestures

Tap, pinch, pan or swipe—from web to multi-touch.

Components

Use pre-made interactions to power your prototypes.

popover

Animation made easy.

Native animations are within reach. Use our Auto-Code Animation Panel to select a curve type, then use sliders to adjust animation options like timing, delays and more.

popover

Learn code as you go.

You don’t need to know everything before starting. Framer runs on Coffeescript, a more accessible form of JavaScript. Thanks to Smart Auto-Complete, you’ll discover available properties and events as you type. Or type CMD + D to pull up our extensive Docs and copy and paste the code you need.

popover

The sky’s the limit.

Want your cryptocurrency app to display the latest rates? Or show a live map? Use third-party modules like Mapbox to build anything with real data. If you can dream it up, you can design it in Framer.

popover

Visual editor.

Use the property panel to change visual properties or go ahead and reposition layers directly in the preview window. Any changes you make will automatically be reflected in Code.

Calvin

“The ability to add dynamic data, test variants by fiddling with code and quick feedback loops, makes Framer the kind of robust tool I see as the future of design.”

Calvin Teoh, Work & Co
Shana Hu

“It was incredible to watch my teammates go from no Framer experience to an interactive prototype incorporating real data in just 4 days.”

Shana Hu, Pinterest

The best teams use Framer.

Join a growing list of companies who use Framer to make all the products you know and love.

Try Framer for free Pricing plans

Start your free 14‑day trial.

Enter your email and we‘ll send you a download link for later.

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.