My Framer Site

Loading · 0%

FRAMER 3.0 — LIVE NOW

Meet Framer 3.0

The AI design agent that builds, edits, and ships your site for you.

Scroll to begin

Without AI

Building a website the old way is slow.

Every change means digging through files, waiting on a developer, or turning a simple idea into a week-long ticket. A new section, a different font, a dark theme — all of it gets stuck in handoffs.

74%

of teams say slow handoffs are the biggest blocker to shipping design changes.

Before

Manual. Slow. Disconnected.

After

Described. Built. Live.

Framer 3.0

What’s New

Your site builds and updates itself as you describe it.

It’s not a plugin or an integration to set up. It’s an AI agent that already knows your site — your structure, your content, your design system — and edits it directly, the way a teammate would.

Agents

Branching

Community

CMS

Components

✦ Generative spectrum

One prompt unfolds into a full spectrum of type, color, and motion.

01 — Style

Describe the style. The agent designs it.

Talk about colors, type, motion, and mood the way you’d explain them to a designer — and watch them appear on the page.

> Add a liquid gradient shader to the hero background with slow, ambient motion.

Shader applied

Motion: ambient, 8s loop

Editable on canvas

> Make a pre-launch coming soon page for an app called Flowdeck. Dark theme, waitlist email signup, animated gradient background, and a countdown timer.

Page created: 1

Sections: 4

CMS-ready: waitlist signup

02 — Build

From one sentence to a full site.

Type a real description and get a real site back — pages, navigation, sections, and editable copy, ready from the first second.

03 — Components

Interactions that used to take days.

Drag physics, scroll-triggered motion, 3D — the kind of detail that used to need a developer. Now it takes one sentence.

> Build a 3D carousel that displays images in a draggable, rotating ring that speeds up on scroll and gently decelerates when released.

Physics: drag + momentum

Scroll-linked speed

Fully responsive

> Using Xquik, find 12 recent tweets praising @framer, build a tweet card component in dark mode, and create a fading ticker section with the tweets.

Tweets fetched: 12

Component: tweet card, dark

Section: live ticker

04 — Connect

Bring your own AI into Framer.

Claude, Cursor, and Codex — the tools you already trust, now reading and editing your live site instead of a static export.

85%

of Superhuman’s site is now built with design and marketing alone — no engineering required.

— Superhuman, on building with Framer Agents

GENERATIVE SURFACE

One prompt, a living interface

Layout, palette, and components resolve in real time as the agent works the canvas around you.

Restyling in brand voice

Type scale · spacing · contrast

Palette synced

Components linked

42 instances · 1 source

Building surface

2.4s

Living Canvas

A thousand sites, one sentence each.

Every card is a real prompt someone typed — and the site it became, moments later.

Make the hero dark with a slow gradient glow
Built in
1.8s
Add a pricing section with three tiers
Built in
2.4s
Switch the brand color to a warm sand tone
Built in
0.9s

Turn this into a coming-soon page with a waitlist
Built in
3.1s
Build a draggable 3D carousel of our work
Built in
2.9s
Give the whole site an editorial serif look
Built in
1.5s

Add a testimonial wall that scrolls on its own
Built in
2.2s
Create a blog connected to the CMS
Built in
2.6s
Animate the headline to fade up on scroll
Built in
1.3s

This isn’t just a feature. It’s a whole new way to build.

Agents.

Branching.

Community.

Start Building

This is what building a site feels like now.

No tutorials. No setup. Just describe what you want, and watch it happen.

Try Framer 3.0