Album Animation with Framer Studio


2 Attachments

Here's another small prototype, inspired by Google's Material Design Reel, made with Sketch and Framer Studio.

I've recreated the artwork with the latest Sketch Beta, pulled everything in with Framer Studio and added animation. There's a couple of cool things to play with. A delay on the individual albums makes them move up one after the other. The colourful album info is visible in the Sketch file, but hidden and animated with Framer. And there's a clever way to count up and replace numbers in repetitive objects.

The screenshot shows the setup in Sketch and Framer Studio. The attached .zip file contains the Sketch source file and the full Framer project.


You can also see this prototype on the Framer example site:


keyboard shortcuts: L or F like Z toggle zoom