Framer
Course Index
28 Lessons · 3 Sections
Master Framer — the design-to-publish platform used by Vercel, Notion & Linear for their marketing sites. Covers components, variants, CMS, animations, code overrides & SEO. Includes 5 production builds: SaaS landing, portfolio, blog CMS, mobile app prototype & interactive product page.
28Lessons
3Sections
4Projects
FreeAccess
Section 1Framer FundamentalsLessons 1–10
Lesson 1
What is Framer? Design + Publish in One Tool
Lesson 2
Framer Interface Tour: Canvas, Layers & Assets
Lesson 3
Frames, Stacks & Auto Layout
Lesson 4
Components: Creating & Using Variants
Lesson 5
Variables & Conditional Visibility
Lesson 6
Responsive Design: Breakpoints & Constraints
Lesson 7
Interactions & Animations
Lesson 8
Hover, Click & Scroll Effects
Lesson 9
CMS: Dynamic Content Collections
Lesson 10
Figma to Framer: Import Workflow
Section 2Advanced Features & PublishingLessons 11–22
Lesson 11
Typography & Text Styles in Framer
Lesson 12
Navigation & Multi-Page Flows
Lesson 13
Forms & Custom Form Handling
Lesson 14
SEO, Metadata & Performance
Lesson 15
Publishing: Custom Domains & Hosting
Lesson 16
Code Components: React in Framer
Lesson 17
Code Overrides: Custom Interactions
Lesson 18
Rive & Spline Integration
Lesson 19
Analytics & A/B Testing in Framer
Lesson 20
Team Collaboration & Sharing
Lesson 21
AI Features: Wireframer & Workshop
Lesson 22
Framer for Client Delivery
Section 3Market Comparisons, Monetisation & ProjectsLessons 23–28