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 onTweet
Framer just released a new major version, let’s take a look at the new features.Free to watch
We are starting this series of episodes on prototyping with Framer, a very powerful and popular tool to create prototypes with codeFree to watch
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 deviceFree to watch
This week special guest Ramon Gilabert walks us through some cool animations on Framer, and some more advanced tips.Free to watch
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.
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.
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.
Exciting news! Framer has gotten vectors and now, we are going to be able to create icons, paths, and weird shapes with ease. In this episode we explore how to do three different icons, learning basic techniques like boolean operations or path tracing.Free to watch