
Framer 3.0 moves AI out of a side chat and into the production canvas. With Agents, you can ask Framer to design a page, adjust breakpoints, or update the CMS, and the work happens directly in your project. Branching then keeps those changes safe until you are ready to publish. For anyone shipping marketing sites, this is the update that changes the day to day workflow.
What Agents actually do
Agents can see your layers, styles, CMS collections, and site settings, so they act on the real project rather than a screenshot. In practice that means they can build entire pages, add sections, create responsive breakpoints, apply effects, write code components, connect to the CMS, organize styles, and surface site analytics. Because the Agent works inside the editor, the output is editable Framer content, not a flat mockup you have to rebuild by hand.
Why Branching matters for real projects
The risk with any AI editor is a change landing on a live page before anyone has reviewed it. Branching solves that. You create a separate copy of the site (for example a pricing refresh or a hero test), let Agents and teammates work there, and preview it on a staging URL. When it looks right, you merge it into production. Multiplayer editing stays scoped to the branch, so a client review or a bold experiment never touches the published site.
Who this helps
Small teams get leverage: one designer can move faster without waiting on a developer for routine component work. Larger teams get control: Branching gives you a review step and a clear record of what changed before it goes live. For a marketing site that ships often, the combination means quicker iterations with fewer accidents.
How to get started
Open a project and describe the page or change you want in plain language.
Work on a branch when the edit is significant or client facing.
Preview on the staging URL, then merge to publish once reviewed.
As a Certified Framer studio, we build production sites in Framer every week, and we pair it with Webflow or custom React and Next.js when a project calls for it. If you want help putting Agents and Branching to work on your own site, without losing control of quality, Book a discovery call and we will map out a plan together.

Framer Workshop: Build Components by Describing Them
Framer Workshop turns a plain description into a working, publishable component with property controls. Here is what it does and who it helps.

Framer's Interactive Shaders, Explained
Framer's Liquid Gradient and Logo Gradient shaders now follow the cursor with spring-based motion. Here is how the interactive shaders work.