Framer is an excellent tool for creating animated or interactive prototypes. The tool has a wide range of capabilities ranging from design, collaboration, and prototyping.

Framer offers an all-in-one design workflow
Programming is done in the CoffeeScript language, a more accessible version of Javascript

Designers can export production-ready code by right-clicking 'Copy CSS' or 'Copy SVG.'

Cost Framer has an individual plan for $12/m. and team plans ranging from $250 to $750 a month. It also provides a custom enterprise plans
Platform Mac
Import assets from Sketch
Ideal for Mobile apps (iOS/Android) and web sites


  • Framer Generator (a tool which allows developers to import layers directly from Adobe Photoshop and/or Sketch)
  • Instant preview of the animation
  • CoffeeScript support (CoffeeScript is a more accessible version of Javascript)


  • Codding skills required

Latest Updates:

Introducing Playground

This release brings a new code editor, animation library and world-class docs—empowering you to invent new interactions through creative coding.

07 May 2019

Announcing Framer Bridge

Looking for that single source of truth? Framer Bridge is a Team Store release that connects your design system to production code.

19 Apr 2019

Introducing the Page Tool

Framer X’s powerful new interactive tool lets you design tons of interactions, from simple swipe gestures to 3D numeric pickers.

24 Oct 2018

Get our newsletter