Trusted by designers from
The course is perfect for those looking to finally get a grip with Framer and learn the fundamentals
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.
The value you get for a course at this price really is a no-brainer 💯
Mark Mograph
Motion Designer, Freelance
If you're just starting with Framer, this course is a game-changer. It doesn't stop at the basics. It takes you all the way to connecting your site with Google Analytics, a must-have skill.
The instructor breaks down everything in simple terms. You get to practice with real projects, which really helps solidify your learning. This course is a gem for beginners!
Predrag Rovcanin
Lead Designer, Vix Nova
By the end of the course, you will be able to…
1
Build custom websites from scratch
You will have all the tools to design and deploy websites for any purpose, be it personal or professional.
2
Turn Figma designs into dynamic websites
You will be able to convert your Figma designs into fully functional websites in no time.
3
Monetize your creativity with Framer
You will be able to create unique templates to sell or offer your expertise to clients as a freelancer.
What you'll master in this course
Action-packed lessons that will take you from a Framer beginner to a Pro
Master the fundamentals of working with Framer
Absolute, relative, and sticky positioning
Frames, stacks and grids
Fill, fit, relative, and fixed sizing
Text and color styles
Speed up web development with components
Design reusable components
Setting up component variables
Working with variants
Hover effects and animated transitions
Create content at scale by mastering CMS
Create and customize a CMS collection
CSV importing
Customize the design of blog posts
Sorting and filtering CMS content
Design custom experiences for mobile
Responsive design for mobile
Hamburger menu
Mobile-only designs
Components for mobile
Make your website come to life with effects & animations
Hover effect
Appear and scroll animations
Scroll transformations
Working with scroll variants
Be comfortable with the advanced stuff
Connect data to Airtable with an API
Ticker & slideshow components
Collect data with Formspark
SEO & site analytics with custom conversion events
Hi I'm Fira 👋 Your instructor for the course
Hey there - I'm Fira, a Framer Expert and Partner. I've spent hundreds of hours learning, experimenting and building with Framer. This course is the culmination of those efforts. It's a practical and hands-on course where you will learn by doing. We will build a real Framer template step-by-step and along the way touch on all of the important aspects of building with Framer. It's the one course I wish I had when I started my journey with Framer. I hope you join me in the course & take your skills to the next level!
The course starts with foundational concepts and progresses to more advanced topics. It provides hands-on practice with guidance from the instructor, who explains concepts in an easily understandable manner.
I gained a lot of value from this course, enabling me to build my website rapidly and effectively. I highly recommend this course!
Avis Williams
UX/UI Designer, Green Collab
The course took my UI/UX design skills to the next level. The hands-on approach with practical exercises allowed me to apply what I learned in real-world projects, giving me the confidence to use Framer effectively.
I highly recommend this Framer course to anyone looking to enhance their design capabilities and create stunning, interactive websites!
Miguel Tapia
Analyst, Gallo
Get the course today
Get the course today and get a steep discount on your purchase price.
30-day Money Back guarantee. To be eligible, you must not complete more than 30% of the course.
Course Curriculum
Detailed course curriculum which covers everything we will learn during the course.
90+
video lessons
7+
hours of content
Intro to Framer
Framer Foundations & the Hero section
The Nav bar & Hamburger menu for mobile
The Validation section
The Feature cards section
Features section
CTA Banner & Testimonials
The Footer section
CMS and Blog post pages
Blog posts (part II)
Blogs page
The Pricing page
The Contact Us page
Connecting our form to a database with a no-code API
Collecting data with Formspark
About Us page
SEO & site functionality
Animations and effects
Website analytics
Framer is a powerful web development tool used by designers and developers to create interactive and high-fidelity websites with no-code. Learning Framer opens up opportunities to bring your web designs to life and create engaging user experiences.