/how-it-works · 4 phases · 1 build
Watch your site get built, layer by layer.
Autoframe doesn’t generate a picture of a website. It runs a live build inside your Framer project, with a crew of agents you can see working.
Hero image · 440 × 480
build timeline · hero
00:05.1
00:00.0
/scan
done
00:02.4
/frame
done
00:05.1
/type
running
00:09.8
/fill
queued
00:16.2
/ship
queued
/timeline · one hero, 18.4s
Five phases. One continuous build.
Phases overlap. While Bex frames the pricing section, Dot is already typing the hero. That is why a full page lands in seconds.
00:00.0
/scan
Read the brief
Scout parses your prompt, brand notes and references, then writes a layer plan: every page, section and component the site needs.
Ari
00:02.4
/frame
Box out the layout
Architects draw stacks and grids at their real sizes. Each frame gets a size chip so you can see exactly what is being built.
Bex
Cal
Eon
00:05.1
/type
Write and set copy
Typesetters write in your voice and type straight into native text layers, already linked to your text styles.
Dot
Lyn
00:09.8
/fill
Style, media and motion
Tokens, images, components and effects land on top of the structure. Nothing is flattened, everything stays editable.
Fox
Gem
Hex
Jet
00:16.2
/ship
Check and publish
QA checks every breakpoint and link, SEO is filled, and the build is staged on a branch for your review.
Max
Neo
/install
One prompt, first thing in your project.
brief.md
Copy
# Autoframe brief
site: “Landing page for a design studio in Lisbon”
pages: home, work, about, contact
references: linear.app, vercel.com
agents: 14 speed: 1
# the swarm takes it from here
Put it before anything else
The brief is read before the first frame is drawn, so nobody ever sees a half-built layout.
No plugins, no exports
Agents work inside your project through the Framer API. Nothing to install, nothing to sync.
Every page inherits it
Change the brief once and the crew rebuilds every page that depends on it.
Options
Attribute
Default
What it does
agents
14
How many agents work the site at once.
Row · 1200 × auto
speed
1
Build speed multiplier. 2 is twice as fast, 0.5 is half.
breakpoints
desktop, tablet, phone
Which breakpoints get their own layout.
tone
auto
Voice for headlines and body copy, learned from your references.
cms
on
Create collections for anything that repeats.
publish
review
Stage the build on a branch, or publish straight to production.
/ship
Give your next site
a crew.
Describe the site in a sentence. Watch fourteen agents build it. Publish before your coffee cools.