UI Prototyping with Framer.js

Pluralsight
Course Summary
Use Framer Studio to design and build responsive interactions, explore advanced animation techniques, and build data-driven UI prototypes together.
-
+
Course Description
Prototyping is a first-class member of the modern digital product design and development toolkit. Framer is a prototyping tool that lets you turn static mockups into interactive prototypes and to experiment quickly with dynamic, native-feeling animations and interactions. It integrates seamlessly with design tools, exports smoothly to mobile devices, and is powered by the language of the modern web, JavaScript. Use Framer Studio to design and build responsive interactions, explore advanced animation techniques, and build data-driven UI prototypes together. You’ll leave empowered to not just design the look or create the functionality of the products you build, but also to control the user experience and feel. Course materials are available at http://bit.ly/learnframer
-
+
Course Syllabus
Introducing Framer- 48m 6s
—Intro and Agenda 8m 40s
—UI Prototyping 7m 3s
—Framer Examples 6m 39s
—Under the Hood 4m 45s
—Framer Studio Tour 6m 54s
—Exercise 1: Ship a Framer Prototype 1m 9s
—CoffeeScript Primer 12m 51sFramer Fundamentals- 35m 48s
—Layers 13m 2s
—Layer Properties 7m 40s
—Layer Events 5m 7s
—Code Structure 5m 27s
—Exercise 2: Interacting with Layers 4m 30sAnimation Basics- 29m 53sImporting Overview- 23m 19sAnimation Workshop- 50m 47sResponsive UI- 54m 18sData-driven Prototypes- 29m 10sAppendix- 13m 10s