Framer No-Code
Course Index
33 Lessons · 3 Levels
Complete Framer no-code web design roadmap — canvas, layout, typography, components, animations, CMS, SEO, AI tools, and real site builds.
33Lessons
3Levels
3Projects
FreeAccess
Level I
Foundations & Design
Lessons 1–11
Lesson 01
Introduction to Framer
Lesson 02
Framer vs Webflow vs Figma
Lesson 03
The Framer Canvas
Lesson 04
Frames & Layers
Lesson 05
Typography & Text Styles
Lesson 06
Colors & Gradients
Lesson 07
Images & Media
Lesson 08
Layout & Auto Layout
Lesson 09
Responsive Breakpoints
Lesson 10
Navigation & Pages
Lesson 11
Build a Hero Section
Level II
Components & Motion
Lessons 12–22
Lesson 12
Intro to Components
Lesson 13
Component Properties
Lesson 14
Variants & States
Lesson 15
Hover & Click Interactions
Lesson 16
Scroll Animations
Lesson 17
Page Transitions
Lesson 18
Smart Components
Lesson 19
CMS & Collections
Lesson 20
Forms & Inputs
Lesson 21
Code Components
Lesson 22
Plugins & Marketplace
Level III
Publish & Advanced
Lessons 23–33
Lesson 23
SEO in Framer
Lesson 24
Custom Domain & Hosting
Lesson 25
Performance & Speed
Lesson 26
Framer AI Tools
Lesson 27
Localization & Multi-Language
Lesson 28
Analytics & Tracking
Lesson 29
Integrations & Embeds
Lesson 30
Client Handoff
Lesson 31
Build a Portfolio Site
Lesson 32
Build a SaaS Landing Page
Lesson 33
Build a Blog with CMS