UI Prototyping with Framer.js

Use Framer Studio to design and build responsive interactions, explore advanced animation techniques, and build data-driven UI prototypes together.

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

• Introducing Framer 48mins
• Framer Fundamentals 35mins
• Animation Basics 29mins
• Importing Overview 23mins
• Animation Workshop 50mins
• Responsive UI 54mins
• Data-driven Prototypes 29mins
• Appendix 13mins