Let AI Drive
Framer
Proofly MCP connects your AI assistant to Framer over the Model Context Protocol. It exposes 112 tools for design, layout, CMS, SEO and accessibility audits, code components, React export, and project inspection, so an agent can build and edit your Framer project programmatically. Completely free, every tool included.
112 tools
Design, CMS, audits, code, and export in one plugin
WebSocket bridge
Plugin in the browser plus a local Node server
Free forever
Every tool is free, no paid tier
One plugin, the whole Framer surface
Proofly MCP turns your AI assistant into a Framer operator. It can read your project, make precise edits, run audits, and export code, all through a standard protocol.
Design & layout edits
Generate sections, apply stack and grid layouts, set colors and type styles, and run the repetitive design edits you would rather not click through by hand.
Bulk CMS & text
Update CMS collections and on-canvas copy in bulk. Find and replace across pages, fill items, and keep content consistent without hand editing every entry.
SEO & accessibility audits
Run page and project audits for SEO, accessibility, performance, and color contrast, then let the assistant suggest and apply the fixes.
Code components
Create, read, lint, and update Framer code files. The assistant can scaffold and maintain code components inside your project.
React export
Export components and pages to clean React code straight from a prompt, so you can move work out of the canvas when you need to.
Project inspection
Inspect and snapshot nodes, read the project tree, find nodes by name or style, and capture state, so the assistant always works from ground truth.
Connected in 3 steps
Install the plugin, connect your assistant, then drive Framer from chat.
Install plugin
Add Proofly MCP from the Framer Marketplace. It runs inside Framer in your browser.
Connect your AI assistant
Start the local Node server on port 3100. It bridges your MCP client to the plugin over a WebSocket connection.
Drive Framer
Ask your assistant to design, edit, audit, or export. It calls the right tools and the changes land in your project.
Pricing
Free on the Framer Marketplace. Every tool is included, with no paid tier.
112 tools · Plugin plus local server bridge · Every tool free · No paid tier
Common questions
What is Proofly MCP?
It is a Framer plugin that speaks the Model Context Protocol (MCP), the standard that lets AI assistants and agents call tools. With it connected, your assistant can drive Framer programmatically across 112 tools.
How does it connect to my AI assistant?
The plugin runs inside Framer in your browser and a local Node.js server runs on port 3100. The two are bridged over a WebSocket connection, so your MCP client can call tools that take effect in the Framer canvas.
What can the 112 tools actually do?
They cover design and layout, bulk CMS and text updates, SEO and accessibility audits, code components, React export, and project inspection and snapshots. Some tools run in the plugin, some on the server, and some use both in a hybrid path.
Is it really free?
Yes. Every tool is free and there is no paid tier. Install it from the Framer Marketplace and connect your assistant.
Why is there a local server?
The local server is what your MCP client talks to. It handles the server-only and hybrid execution paths and bridges requests through to the plugin running in Framer, so the assistant can both reason about and change your project.
Ready to let AI drive Framer?
Install Proofly MCP and connect your assistant in minutes. It is completely free.
Get it on the Framer MarketplacePair with…
Proofly MCP works alongside the rest of the Proofly suite.