Become a member to get access to 100+ videos and new learning material every week.

Series Pic

In this series we'll learn how to design and master Framer to create amazing animated or interactive prototypes. Framer was developed by and for product designers, so that they can have a very fine control on what kind of behaviour they want to see in their products without having to write production code.

Share this series on

First look at the all new Framer
13 minutes

First look at the all new Framer

Framer just released a new major version, let’s take a look at the new features.

Free to watch
Designing with Framer
19 minutes

Designing with Framer

Framer keeps getting bigger and better, and with this new release, we can design within it, it’s clear now that the collaboration between code and design, has never been easier. In this episode, we explore the design part of Framer to create an interface that later on, we’ll be able to animate.

Prototyping in Framer
23 minutes

Prototyping in Framer

High fidelity prototyping has never been easier, and today is the day where we switch tabs, instead of design, we’ll do code to animate the interface we already started in Framer. With that said, we’ll dive into how to use targets, components such as flows or scrolls, and events to achieve beautiful prototypes.

Prototyping with Framer, part 1
10 minutes

Prototyping with Framer, part 1

We are starting this series of episodes on prototyping with Framer, a very powerful and popular tool to create prototypes with code

Free to watch
Prototyping with Framer, part 2
30 minutes

Prototyping with Framer, part 2

Let's take a look at two real life examples of what we can do with Framer, importing assets from Sketch, as mirroring the project on an iOS device

Free to watch
Prototyping with Framer, part 3
31 minutes

Prototyping with Framer, part 3

This week special guest Ramon Gilabert walks us through some cool animations on Framer, and some more advanced tips.

Free to watch
Using Dynamic Type to animate in Framer
12 minutes

Using Dynamic Type to animate in Framer

With this new update, Framer brings motion to type. In this episode, we’ll learn how to take advantage of this cool new feature with a countdown animation that we’ll design, and later on code.

We're using cookies to help us improve our site. By using our services, you agree to our use of cookies.