Beginner Tutorials
New to Framer? Learn the basics of Layout, Components and Motion.
From Figma to Framer
If you’re used to using Figma there are some quirks that might trip you up.
Get over the hump and learn how to build your own ideas.
Layout
Learn the ins and outs of Framer’s layout system.
Breakpoints
Learn how to adapt your layouts to different screen sizes.
Components
Understanding components and variants is the key to unlocking Framer's power.
Variables
Learn how to use variables to pass data down to your components.
Motion
Bring your site to life with Framer's powerful motion system.
Advanced Course
Take your understanding of Framer to the next level by building a complete site from start to finish.
Ever thought about throwing your laptop out the window when using Framer? Me too.
Despite this, Framer has quickly become my favorite way to build websites - even as someone who codes. It's an incredibly powerful tool but there are frustratingly few resources out there about how to make full use of it.
Struggling to build your own ideas?
Building something basic is easy. Building what you want is where things get tricky.
I built this course because I found most tutorials kinda inadequate. They show you how to build some flashy animation and then roll credits - never taking the time to make it responsive or figure out how it will interact with the rest of the page.
There was nothing that showed you all the little gnarly bits that come with making a complete, professional grade site.
Detax: Tax avoidance made simple
To solve this problem, I came up with a fake SaaS company, Detax.
We build the Detax site from start to finish to show you how to take a site all the way to production.
The course consists of 12 lessons split across 3 modules and goes beyond just Framer. I'll show you how to use and integrate other tools, like Spline for 3d and Rive for more advanced animations.
Sales Page: https://www.advancedframer.com/