Skip to content
All tool news

Tool desk · Updated daily

Tool news·Framer·

Framer Adds Hero Variations to Framer Agent.

Framer Agent can now restack existing hero sections into layout variations while preserving the original copy and styles.

CW

Create With tool desk

4 sources checked · 2 min read · 2 sections

ShareLinkedIn
Framer Adds Hero Variations to Framer Agent

Framer Agent can now create several hero layout variations by restacking an existing hero while keeping its copy and styles intact. You can compare the results, choose one and drop it onto the site.

The change gives builders a way to explore different compositions without asking the agent to rewrite the page or replace its visual style. The content stays fixed while the arrangement changes.

Framer demonstrated the workflow in a LinkedIn post. The prompt asks the agent to produce alternative hero layouts from the section already on the canvas. The builder then picks the preferred result rather than applying every generated option.

How Framer Agent Explores Hero Layouts

The update separates layout exploration from copywriting and styling. Headings, supporting text and existing styles remain the same. Framer Agent changes how those elements are stacked within the hero.

Hero elementWhat happens
CopyRemains the same
StylesRemain the same
LayoutElements are restacked
Selected variationCan be dropped onto the site

That creates a contained design task. Each variation starts from the existing section rather than a blank canvas, so the builder can compare arrangements using the same content and visual treatment.

  1. 1

    Start with the hero

    use the existing section and its current content

  2. 2

    Ask for variations

    tell Framer Agent to restack the hero

  3. 3

    Compare the layouts

    review the alternatives with the same copy and styles

  4. 4

    Place the selection

    drop the preferred variation onto the site

Framer has also been expanding what its agent can edit. It recently added selectable and customisable Rotate XYZ, Perspective, Origin, Depth and Backface properties through editable 3D website transforms. The hero workflow instead applies the agent to an existing page section and preserves its established content.

Frequently asked questions

What is Framer Agent?

Framer Agent is an AI design agent inside Framer. In this update, it can restack an existing hero into layout variations while retaining the same copy and styles.

What does Framer Agent preserve when restacking a hero?

It preserves the existing hero copy and styles. The arrangement of the hero elements changes, and the selected variation can then be placed onto the site.

Which Framer plan includes Framer Agent hero variations?

The announcement does not name eligible plans. It also does not provide pricing details.

Sources

4 checked

How we cover tool news: Create With's tool desk drafts these reports with AI from the sources listed above and checks them against those sources before publishing.

Worth passing on?

ShareLinkedIn

Latest tool news

What else changed this week.

All tool news

The Create With Briefing

Don't watch forty changelogs. Read one email.

Every Tuesday: the tool changes worth knowing, real business use cases, and what's on near you. Free, unsubscribe any time.