Framer, Modules, Prototype

Material design is a design language developed by Google that’s big on responsive animations, transitions, and the use of lightning and shadows to provide depth. In this Framer tutorial, we’ll look at how to prototype some common material design interactions. ...

Read more

Share this Story
Animation, Framer, Prototype

Twitter recently added a feature where you can add your birthday to your Twitter profile. Whoever goes to your profile on your special day will see lots and lots of celebratory animated balloons. In this Framer (and Sketch) tutorial, we’ll ...

Read more

Share this Story
Framer, Utilities

Utilities are custom functions in Framer that save you time and make things easier to do. If you view the Utilities section in the Framer documents, you’ll see there are quite a few for you to use. The following are some ...

Read more

Share this Story
Framer, Prototype

When designing apps for the Apple Watch, one of the core principles is to keep it simple. The Uber app for Apple Watch is a prime example of this, having essentially just three screens:  Requesting an Uber Waiting for the ...

Read more

Share this Story
CoffeeScript, Framer

A question that regularly pops up in the Framer community is how to use Framer if you’re using a PC. Currently, Framer Studio is only available on a Mac but the Framer.js framework, that powers Framer Studio, is free and ...

Read more

Share this Story
Animation, Framer, Prototype

When you click or tap on a button, it’s always nice to have some sort of visual feedback to let you know that the app or website received your request. Even better – if you show the progress so the ...

Read more

Share this Story
Framer

I’m excited to announce that my Rapid Prototyping with Framer video training course from O’Reilly Media has launched. With over 90 videos, 5 hours of professionally edited content, and tons of example Framer projects – it’s the most comprehensive Framer ...

Read more

Share this Story
Framer, Modules

There’s a lot of great Framer modules that other designers and developers have created that you can download and use in your own prototypes. I’ve collected some of my favorites here for you to check out. Framer Audio Player by ...

Read more

Share this Story
Framer, Prototype

In this prototype, we’ll look at creating an image gallery, where each image is clickable and brings the image front and center. This prototype was inspired by Framer’s Learn and Teach examples. We’ll first create a scrollable set of images ...

Read more

Share this Story
CoffeeScript, Framer

CoffeeScript is a little language that compiles into JavaScript and is the language that Framer Studio’s code editor uses. Essential it’s just a syntactic rewrite written in a more readable and understandable way. If you’re interested in getting a deeper ...

Read more

Share this Story

About Kenny Chen


Hi, I'm Kenny - a UX Designer from Los Angeles who believes that beautiful, subtle movement enhances the user experience and makes products more engaging, dynamic, and memorable. My goal with Prototyping with Framer is to help you design amazing interaction and animation prototypes.