How to Use the Framer MCP in Cline

Q: How do I configure the Framer MCP Server inside Cline?

Open your clinemcpsettings.json file and add the server configuration under the mcpServers key. Cline immediately loads the tools, giving the agent direct access to your web projects.

Q: Does Cline need a browser window open to run publishsite on Framer?

No, Cline calls publishsite directly through the API. The deployment happens in the background, and the agent confirms the live status in your VS Code sidebar.

Q: How do I find specific Framer collection IDs using Cline and this MCP Server?

Ask Cline to list your databases. It runs listcollections to fetch the complete schema and maps out the IDs you need for your code.

Give Cline the keys to your Framer CMS to build, update, and publish pages directly from VS Code.

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 Cline

Create your Vinkius account to connect Framer to Cline 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 Cline

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Let Cline build and update Framer CMS items

The `create_collection_item` tool allows Cline to write new entries directly into your live database via this MCP Server. Cline reads your workspace data, formats the JSON payload, and inserts the record without you leaving VS Code. Because Cline operates as an autonomous agent, it handles errors by reading the API response. If a field is missing, it adjusts the code and retries until the item is live.

Inspect live project structures inside VS Code

The `get_project` tool pulls detailed configuration data from your active Framer workspace. Cline uses this structural data to compare your local components with your live web layouts. By using this MCP Server, the agent can check if your local environment aligns with the production setup. It reads the raw JSON definitions so you don't have to guess.

Publish live Framer sites directly from your IDE

The `publish_site` tool executes a live deployment of your target project instantly. Cline triggers this action after verifying that your CMS items and pages are correctly structured. This eliminates the need to switch windows to click the blue button in the visual editor. Cline runs the command, checks the status, and reports the live URL.

Setup guide

Set up Framer MCP in Cline

Prerequisites

VS Code with Cline extension installed
Active Vinkius subscription with a valid endpoint token

1

Open Cline MCP settings

Click the Cline icon in the VS Code sidebar to open the Cline panel. Then click the MCP Servers icon (server stack) at the top-right corner of the panel.
2

Add a remote server

Click "Remote Servers" at the top, then click "Add Remote MCP". In the Name field, type framer-mcp. In the URL field, paste your Vinkius endpoint: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp. Get your token from cloud.vinkius.com.
3

Enable the server

After saving, the server appears in the Cline MCP panel. Toggle the switch to enable it. The status indicator turns green when the connection is live.
4

Start using tools

Return to the Cline chat and ask: "Check my latest Framer refund status." Cline will discover the available tools and request your approval before invoking each one — giving you full control over every action.

Cline MCP Settings

{
  "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 Cline

Open your `cline_mcp_settings.json` file and add the server configuration under the `mcpServers` key. Cline immediately loads the tools, giving the agent direct access to your web projects.

Yes, Cline writes the script, reads your local markdown files, and executes `create_collection_item` for each post. It automates the entire migration process inside your editor.

No, Cline calls `publish_site` directly through the API. The deployment happens in the background, and the agent confirms the live status in your VS Code sidebar.

Ask Cline to list your databases. It runs `list_collections` to fetch the complete schema and maps out the IDs you need for your code.

Your Framer API tokens are kept inside Vinkius's zero-trust sandbox. Cline only interacts with the safe endpoint, ensuring your live design data and access keys remain encrypted.

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