Create prototypes that feel like real apps.
Learn CoffeeScript, understand Framer, prototype everything you can imagine.
What You're Getting
Everything you need to become an UX unicorn.
Full Chapters List
Part 1: Introduction
- Why learn Framer?
- What is Framer?
- About this book
Part 2: Intro to Framer
- Installing Framer
- A tour of Framer
- First steps
- Animation basics
- Previewing your prototype
Part 3: CoffeeScript fundamentals
- Introduction
- Variables
- Decision making
- Functions
- Arrays
- Objects
- Methods
- Loops
- More CoffeeScript
Part 4: Framer basics
- Layers
- Animation
- States
- Colors
- Events
- Draggable layers
- Pinchable layers
- Scrolling
- Paging
- Slider component
- Utilities
- Global values
Part 5: Workflow
- Importing from Sketch, Figma or Photoshop
- Snippets
Part 6: Let’s make something!
- IF by IFTTT
- Hyperlapse
What’s new in the second edition?
(March 2017)
Added
- Explanation of all (90+) Framer events, with example projects
- Explanation of all (28) Gesture Event Properties
- 8 new ‘overview’ prototypes (the iPad-sized ones) for different sets of events
- 11 of these overview prototypes are now responsive (viewable on iPhone)
- New chapter: Pinchable layers
- Auto-Code & direct manipulation (+ modifier keys), Code folding
- The Align function, Utils.randomImage()
- Four new «mini» versions of the IF by IFTTT prototype in which you build just a few pages
Changed
- The Animation and States chapters now explain the new syntax.
- All code examples now use the new Animation syntax (no more ‘properties:’)
- All code examples now use the new States syntax (no more ‘switch()’ and ‘next()’)
- All events are now in shortcut notation (e.g. ‘layer.onTap’ instead of ‘layer.on Events.Tap’)
- All text is reviewed & re-edited, videos and images are updated
Framer Design is not covered in the book. But that’s the easy part 😀 and there’s a good overview in their Get Started section.