Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use Framer with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Equip your AI agent with direct access to Framer. manage CMS collections, sync content, and publish site changes without opening the Framer editor.

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 8 capabilities

The complete Framer capability set.

These are the exact actions your AI can choose when you ask it to work with Framer.

Capability set01 / 02

01-04

4 capabilities in this set.

Part of 8 available through Framer.

  1. 01

    Create collection item

    Create a new CMS item

  2. 02

    Get site info

    Get site configuration

  3. 03

    List collection items

    List items in a CMS collection

  4. 04

    List collections

    List CMS collections

Capability set02 / 02

05-08

4 capabilities in this set.

Part of 8 available through Framer.

  1. 05

    List projects

    List all Framer projects

  2. 06

    Get project

    Get project details

  3. 07

    List pages

    List all site pages

  4. 08

    Publish site

    This makes changes visible to visitors. Publish the website

Observed, not estimated

853ms average. Fast in production.

Framer is checked daily against the live service.

Daily averagePeak 1197ms
Aug 20Today
Fastest day
682ms
Slowest day
1197ms
14-day trend
Stable+3%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 8 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Framer, so you can see the experience inside your AI.

It does not authenticate your account with Framer. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Framer Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Framer capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions Framer owners ask.

  • 01

    How do I get my Framer API key?

    Open your Framer project in the editor. Go to Site Settings (gear icon in the top bar), then navigate to the General tab. Scroll down to find the Server API section and click Generate API key. Copy the key and store it securely. treat it like a password. This key is specific to this project. Paste it into the configuration field below.

  • 02

    Can I push content from a spreadsheet into my Framer CMS?

    Yes. Your AI agent can create and update CMS collection items programmatically. Describe the data you want to add, and it maps your fields to the Framer collection schema and creates the items. perfect for bulk content migrations or data-driven landing pages.

  • 03

    Does publishing through the API affect my Framer design?

    No. The Server API only manages CMS content. it cannot modify your visual design, canvas layout, or component structure. Your designers remain in full control of the visual experience while content teams operate independently through the AI agent.

  • 04

    Is this suitable for agencies managing multiple Framer projects?

    Yes. Each API key is bound to a specific Framer project. Configure separate integrations for each client project and your AI agent can switch between them. managing content across your entire portfolio without opening multiple browser tabs.

Explore

More in Design Creative

Suggestions