Search

Layout

Understand Frames, Stacks, sizing, positioning, and Breakpoints so you can direct the Agent and refine responsive layouts on the Canvas.

Search all 108 lessons…

Search all 108 lessons…

Search all 108 lessons…

Basics

,

Agents

,

Layout

Generate responsive breakpoints with the Agent

4:24

Layout

Build flexible layouts with Frames and Stacks

3:27

Layout

Build layouts that resize correctly in Framer

7:07

Layout

Positioning modes in Framer

3:53

All Layout

Search 24 lessons…

Search 24 lessons…

Build layouts that resize correctly in Framer

7:07

Build layouts that resize correctly in Framer

7:07

Build flexible layouts with Frames and Stacks

3:27

Build flexible layouts with Frames and Stacks

3:27

Design responsive layouts that work on every screen

3:05

Design responsive layouts that work on every screen

3:05

Positioning modes in Framer

3:53

Positioning modes in Framer

3:53

Generate responsive breakpoints with the Agent

4:24

Generate responsive breakpoints with the Agent

4:24

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

Creating a fixed footer reveal in Framer — lesson cover image

Create a fixed footer reveal in Framer

6:25

Create a fixed footer reveal in Framer

6:25

REM sizing for responsive type — lesson cover image

Use REM sizing for responsive type in Framer

3:53

Use REM sizing for responsive type in Framer

3:53

Creating breakpoints in Framer — lesson cover image

Create responsive breakpoints in Framer

19:02

Create responsive breakpoints in Framer

19:02

Designing fluid layouts in Framer — lesson cover image

Design fluid layouts in Framer

22:30

Design fluid layouts in Framer

22:30

Index variable for CMS items — lesson cover image

Use the index variable in Framer CMS lists

5:46

Use the index variable in Framer CMS lists

5:46

Styling frames in Framer — lesson cover image

Style Frames in Framer

10:47

Style Frames in Framer

10:47

Min and max sizing in Framer — lesson cover image

Set minimum and maximum sizing in Framer

8:26

Set minimum and maximum sizing in Framer

8:26

Relative, fixed, and viewport Sizing in Framer — lesson cover image

Use relative, fixed, and viewport sizing in Framer

7:05

Use relative, fixed, and viewport sizing in Framer

7:05

Stacks vs grids in Framer — lesson cover image

Choose between Stacks and grids in Framer

7:45

Choose between Stacks and grids in Framer

7:45

Sizing to fill and fit content in Framer — lesson cover image

Size layers to fill or fit content in Framer

7:37

Size layers to fill or fit content in Framer

7:37