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.

The anatomy of a Framer project — lesson cover image

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