Developers

Developers

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.

1. Welcome to Framer

1. Welcome to Framer

Introduction

1:11

Introduction

1:11

Introduction

1:11

Framer interface

5:16

Framer interface

5:16

Framer interface

5:16

The Anatomy of a Project

5:38

The Anatomy of a Project

5:38

The Anatomy of a Project

5:38

Interacting with Layers

1:10

Interacting with Layers

1:10

Interacting with Layers

1:10

2. Layout 101

2. Layout 101

Thinking in Frames

3:53

Thinking in Frames

3:53

Thinking in Frames

3:53

Absolute Positioning

7:39

Absolute Positioning

7:39

Absolute Positioning

7:39

Stacks and Relative Positioning

8:05

Stacks and Relative Positioning

8:05

Stacks and Relative Positioning

8:05

Sizing to Fill and Fit Content

7:37

Sizing to Fill and Fit Content

7:37

Sizing to Fill and Fit Content

7:37

Stacks vs Grids

7:45

Stacks vs Grids

7:45

Stacks vs Grids

7:45

Fixed and Sticky Positioning

4:09

Fixed and Sticky Positioning

4:09

Fixed and Sticky Positioning

4:09

Relative, Fixed, and Viewport Sizing

7:05

Relative, Fixed, and Viewport Sizing

7:05

Relative, Fixed, and Viewport Sizing

7:05

Min and Max Sizing

8:26

Min and Max Sizing

8:26

Min and Max Sizing

8:26

3. Adding Content to the Canvas

3. Adding Content to the Canvas

Adding Images, Video, and Text

6:08

Adding Images, Video, and Text

6:08

Adding Images, Video, and Text

6:08

The Insert Panel

5:13

The Insert Panel

5:13

The Insert Panel

5:13

Importing from Figma and the Web

12:55

Importing from Figma and the Web

12:55

Importing from Figma and the Web

12:55

Adding Links

10:30

Adding Links

10:30

Adding Links

10:30

4. Layer Properties and Style

4. Layer Properties and Style

Styling Frames

10:47

Styling Frames

10:47

Styling Frames

10:47

Text properties

12:36

Text properties

12:36

Text properties

12:36

10. Preparing to Publish

10. Preparing to Publish

Analytics

2:45

Analytics

2:45

Analytics

2:45

Available soon

Available soon

Subscribe for updates

Subscribe for updates

Styles

Available soon

Styles

Available soon

Styles

Available soon

Themes

Available soon

Themes

Available soon

Themes

Available soon

Components

Available soon

Components

Available soon

Components

Available soon

What is responsive design

Available soon

What is responsive design

Available soon

What is responsive design

Available soon

Designing fluid layouts

Available soon

Designing fluid layouts

Available soon

Designing fluid layouts

Available soon

Breakpoints

Available soon

Breakpoints

Available soon

Breakpoints

Available soon

Optimizing for search engines and accessibility

Available soon

Optimizing for search engines and accessibility

Available soon

Optimizing for search engines and accessibility

Available soon

Site and Page settings

Available soon

Site and Page settings

Available soon

Site and Page settings

Available soon

Choosing the right plan for your site

Available soon

Choosing the right plan for your site

Available soon

Choosing the right plan for your site

Available soon

Publishing

Available soon

Publishing

Available soon

Publishing

Available soon

Connecting a domain

Available soon

Connecting a domain

Available soon

Connecting a domain

Available soon