/hero · 1200 × auto

Your website, built

Your website, built

live

141 × 96

by AI agents.

Autoframe reads your brief, then sends a crew of autonomous agents to design, wireframe and ship every layer of your Framer site. Frames get drawn. Copy gets written. You just hit publish.

Autoframe reads your brief, then sends a crew of autonomous agents to design, wireframe and ship every layer of your Framer site. Frames get drawn. Copy gets written. You just hit publish.

Scroll to build · Stop and the swarm comes to your cursor · Esc skips

Abstract purple and blue 3D waves

Hero image · 440 × 540

live build · yourstudio.com

68%

14 agents · 216 layers

✓

Hero framed

✓

Copy typed in your voice

●

Styling pricing section…

Desktop · 1440

Tablet · 810

Phone · 390

Publish

LAYERS

Page

Navigation

Hero

T

Headline

T

Paragraph

Buttons

Editor

Features

Agents

Pricing

Footer

Hero · 1200 × 640
Ariqueued Publish · autoframe.site
Hexlinked Button variants
Lynwrote meta description
Bexframed Hero · 1200 × 640
Dottyped Headline · 30 chars

FRAME

X

120

Y

64

W

1200

H

640

LAYOUT

Stack

Vertical

Gap

24

Padding

64

FILL

#0B0D10

100%

EFFECTS

Appear

Fade up

Built by

14 agents

Trusted by studios and teams shipping on Framer

0

agents working in parallel

0.0s

average hero build

0

breakpoints on every page

9

plugins to install

/process · 4 phases

From brief to published, in one continuous build.

You describe the site. The swarm scans your brief and references, then frames, types, fills and ships every layer while you watch.

01

/scan

scanning · 101 layers
Ari

Read the brief

Agents parse your prompt, brand notes and reference sites, then map every page into a layer plan.

02

/frame

1200 × 720
Bex

Draw the frames

Stacks, grids and breakpoints get boxed out with real sizes. Nothing is a mockup.

03

/type

Your website, built live by AI agents.Dot

Write the copy

Headlines, body and CTAs get typed in your voice, straight into native text layers.

04

/ship

Published
live · yoursite.framer.app
Neo

Fill and publish

Styles, CMS, SEO and effects land last. Review the branch, hit publish, done.

16

16

16

/crew · 14 agents

One crew. Fourteen specialists. Zero handoffs.

Every agent owns one job and works the same canvas in parallel. You see their cursors, their boxes and their progress in real time.

Ari

Scout

Reads your brief, brand notes and reference sites, then turns them into a page-by-page layer plan.

throughput

171 refs / min

Bex

Architect

Frames every section with stacks and grids, sets breakpoints and keeps the spacing on a 4px rhythm.

throughput

89 frames / min

Dot

Typesetter

Writes headlines and body copy in your voice and types it into native text layers with real styles.

throughput

1.9k words / min

Fox

Stylist

Builds color tokens, text styles and component variants so the site stays editable after handoff.

throughput

36 tokens / min

Kit

Motion

Adds appear effects, hovers and scroll interactions that feel considered, not decorative.

throughput

55 effects / min

Motion · 390 × 232

Neo

Shipper

Wires the CMS, fills SEO and social metadata, checks every breakpoint and stages the publish.

throughput

18.3 s / site

16

Meet all 14 agents →

/output · native layers

Not a mockup. A real Framer project you own.

Everything the swarm builds is a native Framer layer. Open the project afterwards and keep editing like you built it yourself.

Desktop · 1440
Tablet · 810
Eon
Phone · 390

Every breakpoint, built in parallel

Desktop, tablet and phone get their own layouts with real overrides, not a scaled down copy.

titleslugdate
Agent memoryagent-memoryNov 07new
Token synctoken-syncOct 28
Live brancheslive-branchesOct 14

CMS, wired

Collections, fields, lists and detail pages, connected and filled with real content.

Get started
Hex
DefaultHoverPressed

Components with real variants

Buttons, cards and navs ship as components with hover, pressed and responsive states.

Background#0B0D10
Text#F2F3F5
Muted#8B919C
Accent#FF4D9E
Fox
1 edit · 48 layers updated

Tokens, not hex codes

Color and text styles are created first, so a rebrand is one edit away.

yourstudio.com › pricingPricing — Your Studio|
title 21/60 · og:image ✓
Lyn

SEO and social, filled

Titles, descriptions and social images on every page, before you even ask.

/reviews

Studios ship more. Clients notice.

Studios ship more. Clients notice.

/featured · Northwind Studio

“We pitch with a live site now, not slides. Clients watch the agents build their homepage on the call and sign the same day.”

“We pitch with a live site now, not slides. Clients watch the agents build their homepage on the call and sign the same day.”

“We pitch with a live site now, not slides. Clients watch the agents build their homepage on the call and sign the same day.”

MQ

Marta Quinn

Founder, Northwind Studio

Featured · 795 × 405

“The output is a Framer project my team can actually maintain. Real stacks, real styles, no mystery layers to clean up.”

DO

Daniel Okafor

Design Lead, Hollow Labs

“We went from four landing pages a month to four a week. The swarm handles the build, we handle taste.”

LR

Lena Ruiz

Growth, Fieldnote

16

16

/faq

Questions, answered.

Still curious about how the crew works? Talk to a human, not an agent.

Contact us →

Do I need to know Framer?

No. You describe the site and the agents build it natively in a Framer project you own. Every layer stays editable, so you or your team can take over at any point.

Is the output a real project or a mockup?

A real project. Stacks, grids, breakpoints, text styles, color tokens, components, CMS collections and SEO metadata, all native Framer.

Can I bring my own brand and references?

Yes. Add brand guidelines, a Figma link or up to five reference sites. Scout turns them into a layer plan before a single frame is drawn.

How long does a full site take?

A landing page builds in under a minute. A six page site with a CMS usually takes four to six minutes, and you can watch every agent while it happens.

What happens after the build?

You review the branch, ask for changes in plain language, then publish. The project is yours. Cancel anytime and keep every site you built.

/ship

Give your next site

a crew.

Describe the site in a sentence. Watch fourteen agents build it. Publish before your coffee cools.

Scanning page… 0 layers

Create a free website with Framer, the website builder loved by startups, designers and agencies.