Framer Academy: Learn Framer with free courses and tutorials

The best place to learn Framer

Search lessons...

Get Started with Framer Agents

Start using Framer Agents to generate layouts, refine site structure, work with project context, and connect external AI tools to your Framer workflow.

Get Started with Framer Agents — course cover image

Courses

All courses

4h 6m
Framer Fundamentals
In this Framer course, you’ll learn how to design and publish fully responsive websites without code. From mastering layout and styling to adding content, creating components, and optimizing for launch—this course gives you everything you need to confidently build in Framer.
26m
Framer CMS Basics
Framer’s CMS keeps your site's content all in one place, making it easy to create, organize, and update.
2h 35m
Animations and Interactions in Framer
Animation isn’t just about making things move — it’s bringing things to life with meaning. In this course, we’ll explore how to use motion and interaction to guide attention, create smoother experiences, and add personality to your designs. Whether it’s a subtle hover effect or a fully choreographed transition, you’ll learn how to bring your site to life with intention and clarity using Framer.
Vectors in Framer
This course covers everything from creating clean vector paths to building reusable vector sets, using variables, and adding subtle motion with the Stroke Effect. Perfect for designers who want scalable icons, flexible graphics, and more polished UI motion—without the mess.

Get started with Framer

All

Latest lessons

All

Framer CMS basics

All

Animations and interactions

All

Topics

Agents

4 videos

AI

3 videos

Analytics

3 videos

Animations

35 videos

CMS

13 videos

Forms

6 videos

Insert Menu

6 videos

Layout & Design

63 videos

Localization

5 videos

Navigation

9 videos

Plugins

3 videos

Publishing & Settings

25 videos

Quick Tips

3 videos

Scroll

6 videos

SEO

11 videos

Templates

4 videos

New in Framer

Academy