Webflow Connector for AI agents.
8 live capabilities
Manage your CMS content and publish sites from your preferred interface.
Waiting for input…
Why people use Webflow
Webflow CMS Management without the Designer
This Connector lets you skip the interface. You can just tell your agent to create a new post or update a product description, and it handles the data entry. You get your content live in seconds.
What Vinkius changes
You get a conversational interface for your Webflow backend.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Adding bulk blog posts
You need to add 10 new blog posts to your portfolio.
- Real-world use case 02
Instant site publishing
You just finished making updates and need to go live.
- Real-world use case 03
Checking stock levels
You're checking stock levels for a sale.
Complete set · 8capabilities
The complete Webflow capability set.
These are the exact actions your AI can choose when you ask it to work with Webflow.
01—04
4 capabilities in this set.
Part of 8 available through Webflow.
- 01 Capability
Get site details
Get details for a specific site
- 02 Capability
List site assets
List uploaded site assets
- 03 Capability
List cms collections
List CMS collections for a site
- 04 Capability
List ecommerce orders
List e-commerce orders
05—08
4 capabilities in this set.
Part of 8 available through Webflow.
- 05 Capability
List site users
List registered site users
- 06 Capability
Create collection item
Adds a new entry to any of your CMS collections. This is how you build out new content without manual entry.
- 07 Capability
List collection items
Shows all entries in a specific CMS collection. Use this to see your full list of blog posts or products.
- 08 Capability
List sites
Shows all Webflow sites connected to your account. Use this to manage multiple client projects from one spot.
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 previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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
Advanced setup
{
"mcpServers": {
"webflow": {
"url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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...". 8 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"webflow": {
"url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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...". 8 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"webflow": {
"url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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...". 8 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"webflow": {
"url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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...". 8 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add webflow --transport http "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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...". 8 tools are ready
Where the request belongs
Work Webflow can move forward.
For content managers who spend too much time in the CMS, agency owners juggling multiple client sites, and e-commerce leads who need quick access to order and inventory data.
Content Manager
Updates blog posts and portfolio entries in bulk without needing a designer's help.
Agency Owner
Manages 20+ client sites from one place to trigger publishes and check site statuses.
E-commerce Operator
Monitors inventory levels and retrieves customer orders via voice or text.
When one Connector is not enough
Carry the request into a workflow.
Combine Webflow with the systems that finish the task.
View all recipesAudit Agency Websites Using Connectors
Your agency manages 15 client Webflow sites but nobody checks if last month's landing page update actually improved conversions , the designer shipped it, the PM marked it done, and the page sits there with a 0.4% conversion rate that nobody measures
MCP Recipe for Content Distribution Automation
You publish a blog post in Webflow and then spend 45 minutes manually reformatting it for your newsletter, copying stats into a spreadsheet, and wondering why your best content never reaches your subscribers
MCP Recipe to Optimize Client Conversion Rates
Your agency redesigned the client's homepage 3 weeks ago and everybody celebrated , but nobody checked Mixpanel to see that the new hero section reduced signups by 22% because the CTA button blends into the background on mobile
MCP Workflow for CMS to Email Campaigns
New CMS content published, subscriber list segmented, email campaign sent , your agent runs content distribution
Publish Designs to Webflow Using Connectors
Your designer finishes the Figma mockup on Tuesday, the social media manager recreates it in Canva on Wednesday, and the web developer rebuilds it in Webflow on Thursday , three people doing versions of the same work for the same client
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsWebflow
Design and build professional websites visually with a no-code platform that generates clean, production-ready HTML and CSS.
Makeswift
Build stunning Next.js websites with a visual editor that lets marketers update pages without touching code or deployments.
Builder
Automate Builder.io headless CMS workflows. generate content blocks, update models, and orchestrate visual components directly from any AI agent.
Builder.io
Manage your visual CMS via Builder.io. track content entries, models, and symbols directly from any AI agent.
Netlify
Modern web development platform. manage sites, deploys, and forms via AI.
Duda
Equip your AI agent to manage websites, track templates, and monitor client accounts via the Duda API.
Bring your own AI
Change the model, client or framework. Keep Webflow connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Webflow.
The practical details behind the request, access and result.
Can I use the Webflow MCP to update my blog?
Yes, it lets your agent edit CMS items like blog posts directly. You can create new posts or update existing ones without opening the designer.
How do I publish my site using the Webflow MCP?
Your agent can trigger a production publish for any site in your account. Just ask it to push your changes live.
Does the Webflow MCP handle my e-commerce orders?
Yes, it can pull product and order data from your Webflow store, making it easy to check inventory or order statuses.
Can I manage multiple Webflow sites with one Connector?
You can use it to list and get details for all sites in your account. This is great for agencies managing many clients.
Do I need to open Webflow to use this?
No, you can perform most CMS and publishing tasks directly from your AI client, saving you time on navigation.
Can the Webflow MCP see my site pages?
It can list all pages on your site, which helps your agent understand your site's structure and navigation.
How do I get my Webflow API token?
Log in to your Webflow Dashboard. Open the site you want to connect and click the gear icon to access Site Settings. In the left sidebar, click Apps & integrations. Scroll to the API access section at the bottom and click Generate API token. Name your token, select the required permission scopes (e.g., CMS read/write, Sites publish), and click Generate token. Copy it immediately. Webflow will not show the full token again. Each site can have up to 5 tokens. Tokens expire after 365 days of inactivity.
Can my AI agent publish a blog post to my Webflow site?
Yes. Your AI agent can create CMS collection items (like blog posts), set all fields including title, body, slug, thumbnail, and publish date, then trigger a site publish. all in one conversation. Perfect for content teams who want to skip the Webflow designer and go from draft to live in seconds.
What if I manage multiple client sites as an agency?
Each Webflow site has its own API token, so you can configure multiple integrations. one per client site. This lets your AI agent switch between projects, bulk-update CMS content across sites, or publish changes to specific client domains without mixing data between accounts.
Can I track e-commerce orders through my AI agent?
Yes. If you use Webflow's built-in e-commerce, your AI agent can retrieve orders, order details, fulfillment statuses, and product inventory. giving you a real-time view of sales activity without opening the Webflow dashboard or exporting reports.
Can I see my e-commerce orders using the AI?
Yes! Use the list_ecommerce_orders capability with your Site ID. Your agent will retrieve all recent orders processed in your Webflow store.
How do I add a new item to my blog collection?
Use the create_collection_item action. Provide the Collection ID and a JSON object with the field values for your new blog post.
Is it possible to list all images uploaded to a site?
Absolutely. Use the list_site_assets query to retrieve a complete list of uploaded images, files, and media available in your site's library.
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