Academy

Academy

Framer Fundamentals

In the Framer Fundamentals Course, we’ll build on your existing design skills to help you quickly go live in Framer. Perfect for designers transitioning from Figma or Sketch.

Start course

Start course

Start course

1. Welcome to Framer
1. Welcome to Framer

5:16

Framer interface

5:16

Framer interface

5:16

Framer interface

5:38

The Anatomy of a Project

5:38

The Anatomy of a Project

5:38

The Anatomy of a Project

1:10

Interacting with Layers

1:10

Interacting with Layers

1:10

Interacting with Layers

2. Layout 101
2. Layout 101

3:53

Thinking in Frames

3:53

Thinking in Frames

3:53

Thinking in Frames

7:39

Absolute Positioning

7:39

Absolute Positioning

7:39

Absolute Positioning

8:05

Stacks and Relative Positioning

8:05

Stacks and Relative Positioning

8:05

Stacks and Relative Positioning

7:37

Sizing to Fill and Fit Content

7:37

Sizing to Fill and Fit Content

7:37

Sizing to Fill and Fit Content

7:45

Stacks vs Grids

7:45

Stacks vs Grids

7:45

Stacks vs Grids

4:09

Fixed and Sticky Positioning

4:09

Fixed and Sticky Positioning

4:09

Fixed and Sticky Positioning

7:05

Relative, Fixed, and Viewport Sizing

7:05

Relative, Fixed, and Viewport Sizing

7:05

Relative, Fixed, and Viewport Sizing

8:26

Min and Max Sizing

8:26

Min and Max Sizing

8:26

Min and Max Sizing

3. Adding Content to the Canvas
3. Adding Content to the Canvas

6:08

Adding Images, Video, and Text

6:08

Adding Images, Video, and Text

6:08

Adding Images, Video, and Text

5:13

The Insert Panel

5:13

The Insert Panel

5:13

The Insert Panel

12:55

Importing from Figma and the Web

12:55

Importing from Figma and the Web

12:55

Importing from Figma and the Web

10:30

Adding Links

10:30

Adding Links

10:30

Adding Links

4. Layer Properties and Style
4. Layer Properties and Style

10:47

Styling Frames

10:47

Styling Frames

10:47

Styling Frames

12:36

Text properties

12:36

Text properties

12:36

Text properties

9:36

Link and Color Styles

9:36

Link and Color Styles

9:36

Link and Color Styles

7:06

Text Styles

7:06

Text Styles

7:06

Text Styles

6:30

Themes

6:30

Themes

6:30

Themes

16:57

Components

16:57

Components

16:57

Components

12:22

Layout Templates

12:22

Layout Templates

12:22

Layout Templates

5. Responsive Design 101
5. Responsive Design 101

1:26

What is responsive design?

1:26

What is responsive design?

1:26

What is responsive design?

22:30

Designing fluid layouts

22:30

Designing fluid layouts

22:30

Designing fluid layouts

19:02

Creating Breakpoints

19:02

Creating Breakpoints

19:02

Creating Breakpoints

6. Preparing to Publish
6. Preparing to Publish

2:45

Analytics

2:45

Analytics

2:45

Analytics

10:22

SEO and Accessibility

10:22

SEO and Accessibility

10:22

SEO and Accessibility

Available soon

Subscribe for updates

Subscribe for updates

Site and Page settings

Site and Page settings

Site and Page settings

Choosing a plan

Choosing a plan

Choosing a plan

Publishing and Domains

Publishing and Domains

Publishing and Domains