Skip to main content
Back to Products

Let AI Drive
Framer

Proofly MCP connects your AI assistant to Framer over the Model Context Protocol. It exposes over 130 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.

Over 130 tools

Design, CMS, audits, code, and export in one plugin

WebSocket bridge

Plugin in the browser, bridged to your AI client

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.

1

Install plugin

Add Proofly MCP from the Framer Marketplace. It runs inside Framer in your browser.

2

Connect your AI assistant

Point your MCP client at the Proofly MCP server URL shown in the plugin. It bridges your assistant to the plugin over a WebSocket connection.

3

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.

Free on Framer Marketplace

Over 130 tools · One shared MCP URL · 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 more than 130 tools.

How does it connect to my AI assistant?

The plugin runs inside Framer in your browser and keeps a WebSocket connection to the Proofly MCP server. Your MCP client talks to that server over one URL and can call tools that take effect in the Framer canvas.

What can the 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 Marketplace

Pair with…

Proofly MCP works alongside the rest of the Proofly suite.