How to Use the Webflow MCP in VS Code Copilot

Q: How do I set up Webflow data access in VS Code Copilot?

You create a .vscode/mcp.json file and commit it to the project root. This makes the MCP Server available team-wide, ensuring everyone uses the same toolset.

Q: Is this Webflow MCP Server suitable for large teams in VS Code Copilot?

Absolutely. Because you configure it via a committed .vscode/mcp.json, every developer gets immediate access. It's designed for team-wide, managed deployments.

Q: Can I use Webflow data to generate code in VS Code Copilot?

Yes. The agent calls the tools—for example, listcollectionitems—and injects the live API results directly into your file, so you're always coding against real context.

Q: Does this MCP Server support checking Webflow user details in VS Code Copilot?

Yes. The team can use listsiteusers to check registered accounts and manage permissions within the code base, keeping your project standards high.

Standardize Webflow access across your team with VS Code Copilot.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Webflow MCP to VS Code Copilot

Create your Vinkius account to connect Webflow to VS Code Copilot 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 Webflow with VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Define shared tools via the MCP Server.

The best part about this Webflow MCP Server is that you commit the configuration to `.vscode/mcp.json`. This means every developer on your team automatically gets access to `list_sites` and `get_site_details`. No solo hacker setup needed here—it's enterprise-grade tooling management for your entire engineering group.

Automate content generation using the MCP Server.

Need to write a script that creates new Webflow CMS entries? The team can use `create_collection_item` directly through Copilot Chat. It's built into your standard workflow. This makes processes repeatable. If you need to verify existing content, the agent uses tools like `list_cms_collections` and `list_collection_items` right in the editor.

Standardize e-commerce reporting across teams.

For any team working on site performance or sales features, this MCP Server provides a standard way to access data. You can call `list_ecommerce_orders` and have your Copilot write code that processes those real order records. It keeps the whole team aligned. Whether you're checking user lists (`list_site_users`) or assets (`list_site_assets`), the tool is consistent for everyone.

Setup guide

Set up Webflow MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the Webflow MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the Webflow tools listed. Try asking: "List my recent Webflow transactions" and Copilot will invoke them automatically.

.vscode/mcp.json

{
  "mcpServers": {
    "webflow-alternative-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 Webflow. 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 Webflow 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 Webflow MCP in VS Code Copilot

You create a `.vscode/mcp.json` file and commit it to the project root. This makes the MCP Server available team-wide, ensuring everyone uses the same toolset.

Absolutely. Because you configure it via a committed `.vscode/mcp.json`, every developer gets immediate access. It's designed for team-wide, managed deployments.

Yes. The agent calls the tools—for example, `list_collection_items`—and injects the live API results directly into your file, so you're always coding against real context.

Yes. The team can use `list_site_users` to check registered accounts and manage permissions within the code base, keeping your project standards high.

The server touches site assets, e-commerce orders, user records (user details), and CMS content. It gives you a complete view necessary for building full-stack web applications.

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