I've never used Framer's built-in agent to add a page to one of our templates.
It's not that the agent is bad. I have two reasons. Framer AI runs on credits, and they run out fast. And I already pay for Claude Code and Codex. If the tools I'm already paying for do the job, why pay twice?
Then on October 22, Framer released its MCP. Now any outside AI agent can work on a Framer canvas through an official connection. When we built our first Agent Kit, there was no Framer MCP, so we had to work around it. The route we chose is now one Framer supports.
So this is a Framer AI article from someone who doesn't build with Framer AI. Here's what it does, when it's the right pick, and why our studio works outside it.
Key takeaways
Framer AI is a set of agents inside the Framer editor. They build pages, edit CMS content, write code components and review your site before you publish.
It runs on Framer AI credits. If you already pay for Claude Code or Codex, you can connect those to Framer instead.
Framer's MCP, released October 22, 2026, lets outside agents work directly on your Framer canvas.
Which agent you use matters less than what it knows. Give it your design system, or it will guess.
What Framer AI is in 2026
Framer AI is the set of AI agents built into Framer. You describe a page, a section or an edit, and the agent makes it in your project as real, editable layers. Then you can keep going on the canvas yourself.
This year changed it a lot. Framer 3.0 shipped on June 16, 2026 and turned Framer AI from single features into agents that work across the whole project. If a review still describes Framer AI as Wireframer and Workshop, it was written before June.
What Framer AI can do
This is everything Framer lists on its own AI page, in one table.
Job | What the agent does |
|---|---|
Build | Creates pages, sections, copy and visuals from a prompt |
Design | Hands you the result to refine on the canvas: layout, type, breakpoints, effects |
CMS | Creates collections and fills in content |
Code | Builds custom code components from a description |
Review | Flags contrast issues, typos, missing alt text, SEO gaps and inconsistent styles before you publish |
Analytics | Reads your traffic and suggests what to fix |
External agents | Connects Claude Code, Codex and other agents to your project |
The controls around the agent matter as much as the agent itself.
Control | What it's for |
|---|---|
Skills | Reusable instructions the agent follows every time |
Contexts | Layers you select on the canvas and hand to the agent |
Models | The model you pick for each task |
References | Files, images or URLs you upload to guide the result |
Branches | A copy of your site where agent edits land, away from the live site |
One detail on Framer's page stood out to me. Their demo shows someone attaching a DESIGN.md file and asking the agent to match the site's padding, buttons and icons to it. That's the lesson we learned building Agent Kit. An agent does its best work when you give it your design rules instead of leaving it to guess.
Why I don't use Framer's built-in agent to add pages
Credits. Every Framer AI task spends Framer AI credits. Adding a page is never one prompt. It's a run of prompts, checks and fixes, and the credits go quickly.
I already pay for Claude Code and Codex. Our team uses both every day for other work. A page built with either costs us nothing extra.
Agent Kit was built for outside agents. An Agent Kit gives an AI agent the design system a template comes with, so the pages it adds match the rest of the site. I've used it with Claude Code on Mindly and with Codex on Ampcore. Both pages matched the template. The full test is in How do you choose the right AI agent for web design?
Framer MCP changed how we connect, not why
Before October 22, connecting an outside agent to Framer meant working around the missing MCP. I wrote up how we did it in How to Connect Claude Code to Framer Without Framer MCP.
Framer's MCP removes that workaround. Claude Code, Codex and other agents can now read and edit your Framer canvas through an official connection.
Our reasons haven't changed. The credits still run out, and we still pay for the other tools. What changed is that the setup is now simpler for everyone.
Framer AI vs Claude Code vs Codex
Framer AI | Claude Code | Codex | |
|---|---|---|---|
Where it runs | Inside the Framer editor | Terminal or desktop app, connected to Framer | Terminal or desktop app, connected to Framer |
What you pay with | Framer AI credits | Your Claude plan | Your ChatGPT plan |
Image generation | Creates visuals for pages | No built-in image model | Built in, using OpenAI's image model |
Used with our Agent Kit | No | Yes, on Mindly, Solwell, Ampcore, Millbrook and Johnson & Green | Yes, on Mindly, Solwell, Ampcore, Millbrook and Johnson & Green |
Where it fits best (my view) | Small jobs when you don't want to leave Framer | Adding pages from a design system | Adding pages from a design system, especially image-heavy ones |
When Framer AI is the right pick anyway
I'm not telling you to skip it. Framer AI makes sense in three cases:
You don't pay for Claude Code or Codex, and you don't want another subscription.
The job is small and lives inside Framer, like an SEO check, a CMS update or a copy fix.
You want branches, review and publishing in one window.
If you're adding whole pages to a template, the deciding question isn't which agent. It's whether the agent knows your design.
My verdict
Use the agent you already pay for. For us that's Claude Code and Codex, and since October 22, Framer's MCP makes that an officially supported setup. Framer AI is a good option if you live in Framer and your jobs are small.
Whichever agent you pick, don't let it guess your design. That's the problem we built Agent Kit to solve. It's available on Mindly, Solwell, Ampcore, Millbrook and Johnson & Green.
FAQ
What is Framer AI? Framer AI is the set of AI agents built into the Framer editor. They build pages, edit CMS content, create code components and review your site, and everything they make stays editable on the canvas.
Does Framer AI cost extra? Framer AI runs on Framer AI credits. How many you get depends on your plan, so check Framer's pricing page before you plan a big build.
Can I use Claude Code or Codex with Framer? Yes. Framer supports external agents, and since October 22, 2026, Framer's MCP gives them an official connection to your canvas.
Do I need Framer AI to use an Agent Kit? No. We built Agent Kit for outside agents, and I've used it with both Claude Code and Codex.
Does Framer AI replace a template? No. Framer AI builds from a prompt, while a template gives you a tested design to start from. With an Agent Kit, an agent can add new pages that match that design.
