UI Prototyping with Framer.js

UI Prototyping with Framer.js

Jay Stakelon
Frameless
4 hours, 46 minutes

Become a Master

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

Watch Free Preview Join Frontend Masters
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.
Published: July 8, 2015

Table of Contents

Introducing Framer

Framer Fundamentals

Interactivity

Design Workflow

Animation Workshop

Responsive UI

Data-driven Prototypes

Appendix