Proofly MCP - Docs

Proofly MCP lets an AI assistant drive Framer over the Model Context Protocol: reading your project, editing layout and content, running audits, and exporting code through 137 tools. Completely free.

New to the plugin? Start with the MCP overview or browse all Proofly docs.

Setup

1. Install Proofly MCP from the Framer Marketplace.
2. Open the plugin in the canvas. It shows your MCP URL and your project credentials: a projectId and a secret.
3. Add the server to your AI client (configs below), using the exact URL shown in your plugin.
4. Paste your projectId and secret into the assistant so it can include them in each tool call.

Claude Desktop

Edit ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "framer": {
      "type": "http",
      "url": "https://mcp.proofly.ae/mcp"
    }
  }
}

Cursor

Add the same server to .cursor/mcp.json in your project, or ~/.cursor/mcp.json for all projects:

{
  "mcpServers": {
    "framer": {
      "url": "https://mcp.proofly.ae/mcp"
    }
  }
}

Example prompts

• Read my project and list every page.
• Audit accessibility and SEO across all pages and suggest fixes.
• Generate a 5-color palette and import it as color styles.
• Insert a pricing section and a countdown component on the home page.

Tool categories

• Project and inspection: getProjectXml, getAllPages, findNodes, htmlSnapshot
• Nodes and editing: createFrame, updateXmlForNode, moveNode, deepClonePage
• Layout: applyStackLayout, applyGridLayout, addPageBreakpoint
• Styles and design: generateColorPalette, generateTypeScale, checkColorContrast, suggestFontPairings
• CMS and content: getCMSCollections, upsertCMSItem, bulkUpdateText, findAndReplaceText
• Images and templates: uploadImage, buildSection, insertComponentTemplate, applyAnimationPreset
• SEO and audits: auditPageSeo, auditPageAccessibility, auditPagePerformance, auditProject
• Code components: createCodeFile, updateCodeFile, lintCodeFile
• React export: exportReactComponents, exportReactPage, exportPageHTML

For the full, always-current catalog, ask the assistant to run generateToolCatalog, which emits the list from the live registry.

Going further

• Exporting code from Framer? See the React Export docs.
• All plugin guides live in the docs hub.