Framer
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 |
Pros
- 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)
Cons
- 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