UI Prototyping with Framer.js

UI Prototyping with Framer.js

4 hours, 46 minutes

This course is outdated and does not reflect our current course standards or industry best practices.

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.

This course and others like it are available as part of our Frontend Masters video subscription.

Published: July 8, 2015
Get Unlimited Access Now
Table of Contents

Introducing Framer

Framer Fundamentals

Interactivity

Design Workflow

Animation Workshop

Responsive UI

Data-driven Prototypes

Appendix