Framer Kiev

Что такое Framer.js

 Среда прототипирования любого уровня взаимодействий и анимаций основанная на coffescript

Примеры

Android music player

Facebook reactions

Pinch cube

Blub

Google values

Почему Framer

• любой тип взаимодействия с тач устройствами (поддержка нативных событий)
• работает в вебкит браузерах (возможен просмотр на любом устройстве)
• помогает в карьере 😉
• расширяет сознание (сможете думать дальше чем просто анимация)
• проще взаимодействовать с разработчиками
•  возможность работать с реальными данными
• возможность подключать любые js фреймворки и сторонние CSS

Чему будем учиться сегодня

создание

слоев

работа с событиями

скроллинг

импорт из sketch

прототип google maps locations

Полезные ресурсы

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

http://framerco.de

http://framerjs.com/examples/

https://medium.com/framer-prototyping

http://learnframer.ru

http://coffeescript-for-framerjs.com

http://js2.coffee

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

https://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61#.dwjpu30uq

Спасибо

 

Grozyan Pavel

Projector

Marck Renn

Jordan Dobson

команде Framer