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. ...
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 ...
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 ...
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 ...
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 ...
A common interaction in mobile apps today is swiping through pages. Continuing with another Framer Teach and Learn example, we’ll be prototyping the iOS lock screen interaction of swiping right to reveal the pin code keypad. In this Framer prototype ...
The team at Framer recently put out a set of simple prototypes that are great for learning Framer — each highlighting a specific, common interaction or workflow. I’ll be going through each one in the coming weeks to help you learn ...
When I saw the Zero Inbox animation by John Schlemmer, Motion Designer at Google, I loved the simplicity of it and the delight it brought to my face. I wanted to try to recreate a version of it using Framer. ...
When I first tried Framer Studio, the very first prototype I built was based off the HotelTonight app — I wanted to mimic the animation and interaction when going from the hotel results screen to the hotel detail screen. Since that time, ...
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.
