Webflow Connector for AI agents.

19 live capabilities

Manage your CMS content and site metadata without leaving your editor.

Live agent request Webflow / Connector

Waiting for input…

AI Agent

Why people use Webflow

Webflow CMS Management via Webflow for AI Agents

This Connector changes that. You tell your agent to 'Update the price for all products in the Summer Collection.' It handles the navigation and the data entry for you. You get your time back to focus on strategy instead of clicking buttons.

What Vinkius changes

You get a direct line from your AI client to your Webflow backend without the manual clicking.

Use it from Claude, ChatGPT, Cursor or another AI client you already have.

One account · 5,900+ Connectors

Real-world use case 01

Bulk Blog Updates

A content manager needs to update the status of 50 blog posts.
Real-world use case 02

SEO Audit

An SEO specialist wants to check if all pages have descriptions.
Real-world use case 03

Asset Migration

A developer needs to clear out old images.

Complete set · 19capabilities

The complete Webflow capability set.

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

Capability set01 / 05

01—04

4 capabilities in this set.

Part of 19 available through Webflow.

01 Capability
List collections
See all the CMS collections available on a site. This helps you understand how your data is organized.
02 Capability
Create items
Add new entries to a CMS collection using your agent. This is perfect for bulk importing new content.
03 Capability
Create webhook
Create a new webhook for a site to handle real-time events. This is useful for connecting your site to external apps.
04 Capability
Delete asset
Remove a specific image or file from your site's media library. Use this to keep your storage clean.

Capability set02 / 05

05—08

4 capabilities in this set.

Part of 19 available through Webflow.

05 Capability
Delete items
Delete multiple entries from a specific CMS collection at once. This saves time on bulk cleanup tasks.
06 Capability
List forms
See all the forms currently active on a specific Webflow site. Use this to audit your active intake points.
07 Capability
Get collection
Fetch the specific details and schema for a CMS collection. This helps your agent understand your data structure.
08 Capability
Get form
View the structure and fields of a specific site form. It's perfect for mapping out user input fields.

Capability set03 / 05

09—12

4 capabilities in this set.

Part of 19 available through Webflow.

09 Capability
Get page
Retrieve the metadata and details for a specific page. Use this to check current SEO settings quickly.
10 Capability
Get site
Pull the general details and configuration for a Webflow site. This gives your agent a bird's eye view of the project.
11 Capability
List items
View all the entries currently stored in a CMS collection. Use this to browse your content via text.
12 Capability
List pages
Get a complete list of all pages on a specific site. This is great for auditing your site map.

Capability set04 / 05

13—16

4 capabilities in this set.

Part of 19 available through Webflow.

13 Capability
Publish site
Trigger a site to go live on its configured domains. This lets you push updates live without the manual click.
14 Capability
List sites
See all the Webflow sites you have access to. Use this to manage a large portfolio of projects.
15 Capability
Update items
Modify existing entries within a CMS collection. Use this for bulk updates to prices, dates, or statuses.
16 Capability
Update page
Change the metadata or details of a specific page. This is the fastest way to update SEO titles.

Capability set05 / 05

17—19

3 capabilities in this set.

Part of 19 available through Webflow.

17 Capability
Upload asset
Add new images or files to your site's media library. Let your agent handle the file ingestion for you.
18 Capability
List webhooks
See all the webhooks currently configured for a site. Use this to manage your real-time event triggers.
19 Capability
List assets
View the media files uploaded to a specific site. Use this to audit your site's current media library.

Set up in minutes

One URL. Then ask Webflow to work.

Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Webflow from the conversation.

Choose your client

Live preview

Advanced clients IDE · CLI

Claude · Web + desktop

Official guide ↗

Connector URL · ready to paste

Streamable HTTP

https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp

Step 01

Open Connectors

In Claude Web or Claude Desktop, open Settings and choose Connectors.
Step 02

Add the URL

Choose Add custom connector, name it Webflow, and paste the URL above.
Step 03

Turn it on in chat

Select +, open Connectors, and enable Webflow for the conversation.

ChatGPT · Web + desktop

Official guide ↗

Connector URL · ready to paste

Streamable HTTP

https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp

Step 01

Open MCP settings

On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
Step 02

Add the URL

Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Webflow URL.
Step 03

Save and start

Save the connection and enable Webflow in your conversation. Desktop may ask you to restart once.

Cursor · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative-1": {
      "url": "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"
    }
  }
}

Step 01

Open MCP Settings

Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
Step 02

Add the server config

Paste the JSON configuration above into the mcp.json file that opens
Step 03

Save the file

Cursor will automatically detect the new Connector
Step 04

Start using Webflow

Open Agent mode in chat and ask: "Using Webflow, help me...". 19 tools available

VS Code Copilot · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative-1": {
      "url": "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"
    }
  }
}

Step 01

Create MCP config

Create a .vscode/mcp.json file in your project root
Step 02

Add the server config

Paste the JSON configuration above
Step 03

Enable Agent mode

Open GitHub Copilot Chat and switch to Agent mode using the dropdown
Step 04

Start using Webflow

Ask Copilot: "Using Webflow, help me...". 19 tools available

Windsurf · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative-1": {
      "url": "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"
    }
  }
}

Step 01

Open MCP Settings

Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
Step 02

Add the server

Paste the JSON configuration above into mcp_config.json
Step 03

Save and reload

Windsurf will detect the new server automatically
Step 04

Start using Webflow

Open Cascade and ask: "Using Webflow, help me...". 19 tools available

Cline · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative-1": {
      "url": "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"
    }
  }
}

Step 01

Open Cline MCP Settings

Click the Connectors icon in the Cline sidebar panel
Step 02

Add remote server

Click "Add Connector" and paste the configuration above
Step 03

Enable the server

Toggle the server switch to ON
Step 04

Start using Webflow

Ask Cline: "Using Webflow, help me...". 19 tools available

Claude Code · Terminal command

Official guide ↗

Advanced setup

claude mcp add webflow-alternative-1 --transport http "https://edge.vinkius.com/vk_preview_YIqLrq4Db96L350IRrlK4UdzPvHVw4uZmarG4M6R/mcp"

Step 01

Install Claude Code

Run npm install -g @anthropic-ai/claude-code if not already installed
Step 02

Add the Connector

Run the command above in your terminal
Step 03

Verify the connection

Run claude mcp to list connected servers, or type /mcp inside a session
Step 04

Start using Webflow

Ask Claude: "Using Webflow, show me...". 19 tools are ready

Where the request belongs

Work Webflow can move forward.

Built around the request

Web developers, content managers, and SEO specialists who handle high-volume site updates and hate the friction of manual CMS entry.

01

Content Manager

Updates 50+ blog posts a week using natural language instead of manual copy-pasting into the CMS.

02

SEO Specialist

Audits and updates metadata across 20 different sites in one session to ensure search visibility.

03

Web Developer

Checks site status and triggers publishes from the terminal or IDE to keep workflows moving.

Build the capability set

Each Connector adds new actions and data without changing how you work.

Browse Connectors

01 8 capabilities

Webflow

Design and build professional websites visually with a no-code platform that generates clean, production-ready HTML and CSS.

02 8 capabilities

Framer

Equip your AI agent with direct access to Framer. manage CMS collections, sync content, and publish site changes without opening the Framer editor.

03 10 capabilities

Builder.io

Manage your visual CMS via Builder.io. track content entries, models, and symbols directly from any AI agent.

04 10 capabilities

Builder

Automate Builder.io headless CMS workflows. generate content blocks, update models, and orchestrate visual components directly from any AI agent.

05 9 capabilities

Plasmic (Visual Headless Page Builder)

Manage Plasmic projects, pages, and components via AI. list projects, inspect page structures, and trigger publishes directly.

06 10 capabilities

Agility CMS

Manage and query your Agility CMS content through AI. navigate sitemaps, search lists, and fetch layouts.

Bring your own AI

Change the model, client or framework. Keep Webflow connected.

Before you connect

Questions about Webflow.

The practical details behind the request, access and result.

Can I use the Webflow MCP to change my site's layout?

No, this Connector is designed for data and content management. It doesn't affect the visual design, colors, or layout of your pages. For those changes, you'll still need to use the Webflow Designer.

Does the Webflow MCP support the CMS?

Yes, CMS management is a core feature. You can create, list, update, and delete items in your collections using your AI agent.

Can I use this to publish my site?

Yes, the Connector includes a capability to trigger a site's publish action, allowing your agent to take your content live once it's finished the updates.

How many sites can I manage with the Webflow MCP?

You can manage as many sites as your Webflow account permissions allow. It's a great way to handle large portfolios of different websites.

Can I use the Webflow MCP to upload images?

Yes, you can use your agent to upload new assets to your site's media library or delete old ones to keep your library organized.

Is this the same as the Webflow Designer?

No, this is a capability for your AI agent to interact with your site's data. It's meant for high-volume tasks like bulk updates and SEO management rather than visual design.

Can I publish my Webflow site directly through the AI?

Yes! You can use the publish_site capability by providing your Site ID. This will deploy your latest changes to all configured domains.

Is it possible to manage CMS content like blog posts or products?

Absolutely. The server includes capabilities like list_items, create_items, and update_items specifically for interacting with your Webflow CMS collections.

Can I update SEO settings for my pages?

Yes, the update_page capability allows you to modify page metadata, including SEO titles and descriptions, via a JSON payload.

One connection away

Give your agent a direct line to Webflow.

Connect Webflow once. Keep it beside 5,900+ managed Connectors when the next task needs more.

Explore every Connector No credit card required · Free tier available