Course template for Framer
Sell and host your course, all inside Framer
High-converting sales page
Paid, gated access with Frameauth
Update lessons through Framer CMS
14-day money back guarantee
0+
0+
Hours
Step-by-step training you can binge in a weekend or pace over a month.
0
0
Modules
Bite-sized lessons built to finish in a lunch break, not a semester.
0+
0+
Students
Already inside, already building. You won't be figuring this out alone.
Sounds familiar?
Built for creators like you
You can design, but building the real thing keeps stalling. Tutorials show you buttons, not workflows. You're done watching scattered videos that never add up to a published site.
Go from blank canvas to a live, responsive site
Master layout, CMS, and interactions in the right order
Build with a system, not trial and error
Your roadmap
What's inside?
Six modules that take you from opening Framer for the first time to publishing a site you're proud of.
01.
Framer Basics
Get comfortable with the Framer interface, layers, frames, and the positioning fundamentals every project builds on.
1.1
Getting familiar with the Framer interface
1.2
The anatomy of a Framer project
1.3
Interacting with layers
1.4
Thinking in frames
1.5
Absolute positioning
1.6
Stacks and relative positioning
02.
Layout & Sizing
Master stacks, grids, and every sizing mode so your layouts adapt exactly the way you intend.
2.1
Sizing to fill and fit content
2.2
Stacks vs grids
2.3
Fixed and sticky positioning
2.4
Fixed, relative, and viewport sizing
2.5
Min and max sizing
2.6
Adding images, videos, and text
03.
Content & Styling
Bring pages to life with media, links, and reusable styling for frames, text, and colors.
3.1
Using the insert panel
3.2
Importing from Figma and the web
3.3
Adding links
3.4
Styling frames
3.5
Text properties
3.6
Link and color styles
04.
Components & Responsive
Work with text styles, themes, components, and layout templates — then make it all responsive.
4.1
Text styles
4.2
Light and dark mode themes
4.3
Intro to components
4.4
Using layout templates
4.5
What is responsive design?
4.6
Practice: designing fluid layouts
05.
Publish & Grow
Fine-tune breakpoints, SEO, and site settings, then publish your site and track it with analytics.
5.1
Practice: creating breakpoints
5.2
SEO and accessibility
5.3
Site and page settings
5.4
Choosing the right plan
5.5
Publishing and connecting a domain
5.6
Analytics in Framer
The teacher
Hi, I'm Maya
I spent three years fighting design tools that made simple ideas feel complicated, until Framer clicked and I shipped more sites in six months than in the three years before. Since then, I've helped 2,000+ designers publish their first real site, no code, no agency, no waiting on a developer.
I'm not interested in theory. Every module in Cohort comes from a real project I built, broke, and rebuilt, so you skip the trial and error and go straight to what works.
Testimonials
You're in good company
Get instant access
$500
$500
$1000+ value
Full course. 10+ hours across 40+ modules
Lifetime access with free updates
New lessons added regularly
Copy-paste component library
Private community access
Launch checklist & asset pack
14-day money back guarantee
Ready to build?
Everything you need to go from blank canvas to published site, in one place, in the right order.