Simple play icon Course
Skills Expanded

UI Prototyping with Framer.js

by Jay Stakelon

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

What you'll learn

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

About the author

Jay's a product design manager at Facebook, and he's been designing with code and building digital products for 10 years. Previously he was a founding employee and the head of product design at Fullscreen in Los Angeles, where he built and led a team of product designers creating apps for video content creators and their fans. He created Frameless, the first iOS app designed to help Framer.js users preview prototypes directly on their devices, and worked with the Framer team on their official vi... more

Ready to upskill? Get started