This lesson was released before Agents, Branching, and the CMS update on June 16, 2026. Some UI may differ, but the core concepts still apply.

The anatomy of a Framer project

Now that you’re familiar with the Framer interface, it’s time to get familiar with the anatomy of the things we build — and unpack the content of a Framer Project.

Now that you’re familiar with the Framer interface, it’s time to get familiar with the anatomy of the things we build — and unpack the content of a Framer Project.

In this Framer tutorial, you will learn The anatomy of a Framer project. We explain a practical workflow, highlight the key settings that affect the result, and show how to apply the technique on real pages for cleaner UX and better site performance.

Lesson details

Mar 3, 2025

5:38

Framer Fundamentals

Continue course

The Framer interface

5:16

The anatomy of a project

5:38

Interacting with layers

6:01

Thinking in frames

3:53

Absolute positioning

7:39

Related videos

Academy