Framer Beginner to Pro
Learn Framer by building a complete website, step by step.
No account. No payment. Just start learning.
Why I made this course free
I made this course to teach Framer the way I like to learn: by building something real. We start with the fundamentals and work our way through a complete website, connecting the dots between layouts, components, CMS, and all the little details that bring a site to life.
More than 150 designers have learned from these lessons. Since then, Framer has changed a lot, with new features and AI tools opening up different ways to build. This course has run its course as a paid, regularly updated product.
But there’s still plenty here worth learning. Understanding how a layout works, how to build reusable components, and how to turn a design into a working website gives you a foundation you can keep building on, even as the tools change.
So I’ve opened up every lesson, for everyone. Follow along from the beginning, or pick the topics you need. I hope something here helps you take the next step.
Happy building,
Your next website starts here
From your first frame to a published site. Take it one lesson at a time.
A few words from the students
Excerpts from feedback on the original course.
“The instructor breaks down everything in simple terms.”
Predrag RovcaninCourse student“enabling me to build my website rapidly and effectively.”
Avis WilliamsCourse student“the pace of the content is great.”
Elin MarteCourse student“I personally LOVED the teaching style! It was more casual and easy to follow along which was important for me since the goal was to finish it through to the end.”
Mark MographCourse student“giving me the confidence to use Framer effectively.”
Miguel TapiaCourse student“One word: awesome! This course walks you through everything about Framer”
Riza SeitraCourse studentA few things you might be wondering
For first-time learners and returning students.
Make something you’re proud of.
Open Framer, pick a lesson, and let’s get started.