# Webflow (MCP Server)

> Read and update Webflow sites, CMS collections, pages, and designs

- Type: MCP server
- Publisher: Webflow (official)
- Categories: Design, Marketing, Development
- Website: https://developers.webflow.com/mcp/reference/getting-started
- Docs: https://developers.webflow.com/mcp/reference/overview
- Source: https://github.com/webflow/mcp-server
- Transport: streamable-http
- Server URL: https://mcp.webflow.com/mcp
- Sign-in: oauth
- GitHub stars: 140
- Listed: 2025-04-01

## About

Webflow's official MCP server connects AI agents to Webflow sites for CMS, pages, assets, SEO, forms, and Designer operations like elements, styles, and components. The hosted server uses OAuth and streamable HTTP; each authorization grants access to a single workspace. Open source under MIT.

## Install

1. **Connect it in ChatGPT** Turn on Developer mode in ChatGPT (Settings → Security and login), open Plugins, select + and paste https://mcp.webflow.com/mcp as the MCP server URL, then sign in with OAuth. Add it to a chat from the composer's tools menu.

2. **Or add it to Codex or the API**

   Codex CLI:

   ```bash
   codex mcp add webflow --url https://mcp.webflow.com/mcp
   codex mcp login webflow
   ```

   config.toml:

   ```toml
   [mcp_servers.webflow]
   url = "https://mcp.webflow.com/mcp"
   ```

   Responses API:

   ```python
   import os
   from openai import OpenAI
   
   client = OpenAI()
   
   response = client.responses.create(
       model="gpt-6-astra",
       tools=[{
           "type": "mcp",
           "server_label": "webflow",
           "server_url": "https://mcp.webflow.com/mcp",
           "authorization": os.environ["WEBFLOW_API_KEY"],
           "require_approval": "never",
       }],
       input="Publish a new blog post to the Blog CMS collection",
   )
   print(response.output_text)
   ```

## Example prompts

- "Publish a new blog post to the Blog CMS collection"
- "Update the SEO title and description for the Pricing page"
- "List all CMS items in the Case Studies collection"
- "Change the primary button style to use our brand blue"

## Also available as

- app: [Webflow](https://chatgptplugins.directory/apps/webflow.md)

## Related

- [Chrome DevTools MCP](https://chatgptplugins.directory/mcp/chrome-devtools.md): Let coding agents control and debug a live Chrome browser
- [Playwright MCP](https://chatgptplugins.directory/mcp/playwright.md): Browser automation for agents via Playwright accessibility snapshots
- [GitHub](https://chatgptplugins.directory/mcp/github.md): Manage repos, issues, pull requests and Actions from your AI agent
- [Context7](https://chatgptplugins.directory/mcp/context7.md): Pull up-to-date, version-specific library docs into your coding agent
- [Excalidraw](https://chatgptplugins.directory/mcp/excalidraw.md): Draw hand-drawn Excalidraw diagrams live inside ChatGPT, Claude and VS Code
- [Supabase](https://chatgptplugins.directory/mcp/supabase.md): Manage Supabase databases, migrations, edge functions and logs

---
Source: https://chatgptplugins.directory/mcp/webflow · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.
