Framer 3.0 is here: agents now live on the canvas

On June 16, Framer 3.0 shipped and moved the field: AI agents now work directly on the canvas, tools like Claude and Cursor connect to your project, and the editor seat dropped to half price. As someone who builds in Framer every day — what changed, and what's worth your time.

Written by: Can GirginJune 18, 20267 min readFRAMER 3.0

On June 16, Framer shipped the update people had been waiting on: Framer 3.0. In one sentence — they put an AI agent inside the design tool, working directly on the canvas. It hit #1 on Product Hunt on launch day. As someone who builds in Framer every day: this is the biggest change since CMS.

This isn't an ad. Every feature and number below comes from Framer's own announcement and pricing pages; all of it is sourced at the end. I'm writing the excitement and the limits as they are — because I have to stand behind the tool I recommend.

3.0 IN THREE NUMBERS
4
external AI tools that connect to Framer: Claude Code, Cursor, Codex, Gemini CLI
via MCP
$20
per editor seat — half the old price ($40)
Framer
500
daily AI credits on the free plan (~2 landing pages)
Framer

Agents: a designer inside the canvas

Framer calls it “Cursor for design,” and that's not hype. The agent lives on the canvas: it builds pages from scratch, turns a screenshot into a design, sets breakpoints to make the site responsive, writes components, adds effects, organizes color and text styles, creates CMS collections and fills them, and generates SEO titles, descriptions and alt text. It also audits your site: finding broken links, accessibility issues and inconsistent styling.

The real difference: everything it produces stays editable on the canvas. Not a static mockup or copy-paste code — real Framer work. You can say “change every ‘Acme Corp' on the site to ‘Nebula Labs',” or “replace the old orange accent (#FF5733) with the new brand color (#E94560),” and it applies it across the whole site at once. In Framer's own words: “Agents bring speed and scale. Humans bring taste, judgment, and control.”

How many credits per agent action? (base model)
Generate a landing page from scratch
~300
Make a page responsive
~150
Large edit
~100
Small edit
~50
Credit cost scales with the model you pick: Sonnet 4.6 0.9x, GPT 5.5 1x (default), Opus 4.8 1.8x.
Source: Framer — “AI credits, simpler plans, and lower prices”

External agents: Claude and Cursor now work in Framer

This is the most exciting part for me — and the most-discussed on Twitter. Framer 3.0 opened up via MCP: tools like Claude Code, Cursor, Codex and Gemini CLI can now create, edit, audit and manage your Framer project directly. The agent you run on the code side now reaches into your design file. Framer's own example reads like this: you tell a tool “find 12 recent tweets praising @framer, build a tweet-card component in dark mode, and create a fading ticker section” — and it happens.

In most tools, AI lived in a side window. Framer put it inside the canvas. That's the whole difference.

Branching: trust the agent, keep the control

Handing your site to an agent can be scary — which is why Framer shipped branching alongside it. It's the same branch logic as in software: you ask the agent to make changes on a separate branch, without touching the live site. You see what changed, compare versions, and merge and publish only when you're ready. For teams, this is how you adopt the agent safely.

Prices dropped, credits arrived

With 3.0 the pricing was reworked, and for most people it got cheaper. The editor seat dropped from $40 to $20; the content-editor seat is $10. The Scale plan was removed. The Basic plan grew: 2 CMS collections instead of one, and 50 GB of bandwidth instead of 10. AI usage is now measured in “credits”:

AI credits — by plan
PlanAI creditsResetApprox. capacity
Free500Daily~2 landing pages
Basic1,000Monthly~5 landing pages
Pro3,000Monthly~10 landing pages
Free credits don't roll over and are capped monthly below Basic's 1,000. Source: Framer.
Framer

START WITH FRAMER

Editor at half price, free daily credits. The best moment to start.

Open your free Framer account through my link — you're in within 30 seconds.

Community: the marketplace grew, the review is gone

The old Marketplace gave way to the new Framer Community: templates, components, plugins, gallery, awards, a feed and contests under one roof. The biggest change — submissions no longer pass through a review process before publishing. The creator side is strong: Framer paid creators $6.5 million in 2025, growing 200% year over year, with more than 7,000 creators in the community. As someone who sells components, my takeaway is clear: the door is open, competition will rise, and the winners will be the specific, not the generic.

So, is it actually worth it? (an honest take)

Independent reviews and my own use land in the same place. What's valuable: the agent doesn't spit out random templates — it works inside your existing project, understanding your design system, adding to what you built without breaking it. You can say “make something, I'll tweak it by hand, then continue from my change.” Where to stay skeptical: it's still early; we'll see over time how well it holds up in real projects. The healthiest framing is Framer's own: let the agent take the boring, repetitive work; taste and judgment stay with you.

Bottom line: if you've had a question mark over starting with Framer, this is the strongest moment yet. The editor is half price, the free plan gives you credits every day, and the tool now comes with a designer working beside you. I've gathered where to start and which parts are worth it on our Framer hub.

Framer

WHEN YOU'RE READY

Try Framer 3.0 on your own site.

Start free, run the agent on one page, walk away if you don't like it. Use my link — I've laid out what's worth it on the Framer hub.