How to Use the Framer MCP in Cursor

Q: Can Cursor pull my Framer CMS fields into my code?

Yes. The agent uses listcollections to read your exact schema. It writes API calls that match your actual database fields.

Inject live Framer CMS data directly into your code using this MCP Server in Cursor.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Framer MCP to Cursor

Create your Vinkius account to connect Framer to Cursor and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Framer with Cursor

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Query Framer projects in Cursor

Hardcoding site IDs is a terrible habit. Connecting this MCP Server means your editor fetches that context dynamically. The agent runs `get_project` and `get_site_info` in the background. It pulls your actual production configuration so the code it writes matches your real environment.

Sync CMS collections via API

Writing scripts to migrate content usually means guessing the schema. Now your editor knows exactly what fields exist. Cursor calls `list_collections` and `list_collection_items` to read your live database. Generating a migration script now relies on your actual content structure instead of mock data.

Automate content creation and publishing

You can build a custom admin panel, or you can just let the AI handle the updates. The server provides direct write access. The agent executes `create_collection_item` to push new records. Once the data looks right, it runs `publish_site` to push the changes to your visitors immediately.

Setup guide

Set up Framer MCP in Cursor

Prerequisites

Cursor installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP Settings

Go to Cursor Settings → MCP or open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and search for "MCP: Add Server".
2

Add the Framer MCP

Cursor will create or open .cursor/mcp.json in your project root. Paste the JSON snippet on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Enable Agent mode

Open Composer (Cmd+I / Ctrl+I) and switch to Agent mode using the dropdown at the top. MCP tools are only available in Agent mode.
4

Verify the connection

Ask Cursor something like "List my recent Framer transactions." If the MCP tools are loaded correctly, Cursor will call the Framer tools automatically. You can also check Settings → MCP for a green status indicator.

.cursor/mcp.json

{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Framer. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Framer now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Framer MCP in Cursor

Create a .cursor/mcp.json file in your project root. Add the server details there, and Cursor will pick up the tools instantly.

Yes. The agent uses `list_collections` to read your exact schema. It writes API calls that match your actual database fields.

It does. When you are ready, ask the agent to deploy. It triggers the `publish_site` function and your changes go live.

The AI uses this MCP integration to see everything attached to your token via the `list_projects` tool. You just tell it which one to target.

Your project IDs, page structures, and CMS entries remain strictly within the isolated environment. The ephemeral zero-trust architecture ensures no persistent access exists once the task finishes.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript