FramerJS London

What is  Framer.js

is a tool to create animated or interactive prototypes based on  coffescript

Examples

Android music player

Facebook reactions

Pinch cube

Dots

Sudoku

Facebook live

GBoard

Why Framer

• any kind of interaction (support  of native touch events)
• Works in all webkit browsers (you can preview on any device)
• helps you to think outside of the box
• helps u to communicate your ideas to developers
• you can interact with real data
• you can embed any css or js modules

Today

Creating layers

Working with events

Scrolling

Usefull links

https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545

http://framerco.de

https://framer-slack-signup.herokuapp.com/

http://framerjs.com/examples/

https://medium.com/framer-prototyping

http://coffeescript-for-framerjs.com

https://medium.com/framer-prototyping​

http://js2.coffee

http://www.prototypingwithframer.com/framer-on-windows-with-atom/

 

Thanx

Adrian Forster

Rhys Merritt

Lastminute.com

Anton Kartashov

Marck Renn

Jordan Dobson

Framer team