Search

Basics

Learn the Canvas and core tools while the Agent helps you turn a blank project into your first responsive site in Framer.

Search all 156 lessons…

Search all 156 lessons…

Search all 156 lessons…

Justin Jones’s lesson on scaling a site in Framer with the Agent

Basics

,

Agents

Prompt, build and publish your first site with Framer

5:56

Basics

Learn the Framer interface

5:03

Basics

,

Agents

,

Layout

Generate responsive breakpoints with the Agent

4:24

Basics

,

Agents

,

Publishing

Polish your pages with the Agent

2:14

Basics

,

Agents

,

CMS

Build your Framer CMS with the Agent

3:45

Basics

,

Animations

Create and prompt animations in Framer

4:16

All Basics

Search 23 lessons…

Search 23 lessons…

Learn the Framer interface

5:03

Learn the Framer interface

5:03

Justin Jones’s lesson on scaling a site in Framer with the Agent

Prompt, build and publish your first site with Framer

5:56

Prompt, build and publish your first site with Framer

5:56

Design responsive layouts that work on every screen

3:05

Design responsive layouts that work on every screen

3:05

Help your visitors browse your CMS content

3:58

Help your visitors browse your CMS content

3:58

Create one reusable page for every CMS item

3:29

Create one reusable page for every CMS item

3:29

Understand how people use your site with Analytics and the Agent

4:26

Understand how people use your site with Analytics and the Agent

4:26

Create and prompt animations in Framer

4:16

Create and prompt animations in Framer

4:16

How to use Component Variants in Framer

4:32

How to use Component Variants in Framer

4:32

Give one Component multiple states with the Agent

3:45

Give one Component multiple states with the Agent

3:45

Generate responsive breakpoints with the Agent

4:24

Generate responsive breakpoints with the Agent

4:24

Build your Framer CMS with the Agent

3:45

Build your Framer CMS with the Agent

3:45

Polish your pages with the Agent

2:14

Polish your pages with the Agent

2:14

Lesson thumbnail for connecting Framer to Claude Code, Codex, Cursor, and more.

Connect Framer to Claude Code, ChatGPT Codex, Cursor, and more

7:13

Connect Framer to Claude Code, ChatGPT Codex, Cursor, and more

7:13

Lesson thumbnail for content, components, and CMS with Framer Agents.

Content, Components, and CMS with Framer Agents

8:25

Content, Components, and CMS with Framer Agents

8:25

Lesson thumbnail for generation, layout, and styling with Framer Agents.

Generate layouts and styles from a prompt in Framer

15:13

Generate layouts and styles from a prompt in Framer

15:13

Design Pages Tour — lesson cover image

Use Design Pages in Framer

1:33

Use Design Pages in Framer

1:33

How to get the most out of Framer for Free — lesson cover image

Get more from the free Framer plan

4:05

Get more from the free Framer plan

4:05

Scale elements in Framer with the scale tool (K) — lesson cover image

Scale elements with the Scale tool in Framer

3:32

Scale elements with the Scale tool in Framer

3:32

5 powerful design features you didn’t know existed in Framer — lesson cover image

Use 5 hidden design features in Framer

2:22

Use 5 hidden design features in Framer

2:22

10 Framer shortcuts to supercharge your productivity — lesson cover image

10 Framer shortcuts for faster design work

1:54

10 Framer shortcuts for faster design work

1:54