Popmotion Joins Framer
Learn how this partnership will help power quicker, easier and production-ready animation design in Framer X.
Popmotion finds a home
“I’ve always been fascinated with the different ways to blend user input with physics-based animations to bring UIs to life. Until now, I’ve been making those interactions purely in code, long after the design process ended,” says Matt. But that all changed when he received his Framer X beta invite in September 2018. Within minutes, Matt had Pose animations working inside a Framer prototype."
“As I realized the implications, my brain sort of melted with the endless possibilities. So when the Framer team approached me, it wasn't hard to see that the only thing cooler than publishing Popmotion components to the Store would be to integrate it into the app itself.”
— Matt Perry, Engineer at Framer
Framer X and beyond
As a Senior Product Engineer at Framer, Matt will work on integrating Popmotion’s production-ready libraries directly into Framer X. This will allow anyone to design rich interactions at the very start of the process, and to do so using simple but powerful animation controls.
Koen Bok, one of the founders of Framer, shares: ”Popmotion is one of the best animation frameworks for React and provides an excellent foundation to bring Framer closer to production. What Matt has created aligns perfectly with our vision for what the future of animation looks like in Framer X.”
On design tools of the future
Having seen the design space evolve greatly over the last few years, Matt is pretty clear on where tools are heading. In his mind, the next logical step is for product teams to use a tool like Framer X for the full development cycle, from ideation and prototyping, to deployment.
“Much like Unity, it’ll be possible to make a website or app without ever touching code (though many of us still will). In the near future, if developers want to override our automatic animation generation, they should be able to implement their own. That way, you can define a global look and feel for your app or website simply by tweaking one set of settings. Or hire your favorite animator to design the feel of your website, the way people hire branding agencies to design logos.”
Enjoying this post?
Sign up here to get content on prototyping, design, and the latest Framer updates delivered to your inbox.