Truly fast prototyping.

Add animation with one click. Customize with simple slider controls and direct manipulation. Insert interactions and components. It’s advanced prototyping made simple.

Make your designs interactive with pre-made interactions and animations.

Start your free trial Watch intro video


Bring your designs to life without writing a single line of code.

Auto-Code makes bringing your designs to life as simple as inserting an animation or event. Style using the slider controls or by editing directly in the canvas. No matter how you like to work, Framer always keeps your code intact.

  • Insert animations and components
  • Smart Auto-Complete and documentation
  • Built-in error inspector


Get instant visual feedback on every tweak you make in Design or Code.

Our preview window calibrates to every device type and syncs in real time with your canvas. Detach for dual-screen or snap to chrome for a tighter workspace.

  • Visual property editing
  • Detachable canvas
  • Device picker


Add interactive components and customize to perfection.

Design everything from scrolling, pagination, and sliders to an entire virtual reality environment. Components are simple building blocks for powering your next design—and now you have a whole library to choose from.

  • Scroll, page, flow, slider
  • Create your own components
  • Insert easily via snippets

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