Thinking in frames

IEP Playbook | Modules

01.

Framer Basics

1.1

Getting familiar with the Framer interface

5:15

1.2

The anatomy of a Framer project

13:10

1.3

Interacting with layers

Stacks and relative positioning

9:38

02.

Layout & Sizing

2.1

Sizing to fill and fit content

Fixed and sticky positioning

20:51

2.4

Fixed, relative, and viewport sizing

Adding images, videos, and text

17:42

03.

Content & Styling

3.1

Using the insert panel

6:29

3.2

Importing from Figma and the web

Link and color styles

19:34

04.

Components & Responsive

Light and dark mode themes

Using layout templates

13:16

4.5

What is responsive design?

12:53

4.6

Practice: designing fluid layouts

11:30

05.

Publish & Grow

5.1

Practice: creating breakpoints

8:21

5.2

SEO and accessibility

7:58

5.3

Site and page settings

6:35

5.4

Choosing the right plan

5:12

5.5

Publishing and connecting a domain

Get access

Learn why frames are the core building block of every Framer layout.

Get instant access

$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

Free preview

14-day money back guarantee

Already enrolled? Sign in