Webflow MCP Server MCP Server

About

## Webflow MCP Server: Visual Web Development The **Webflow MCP Server** integrates Webflow into Google Antigravity, enabling visual website management with CMS collections, e-commerce, and site publishing directly from your development environment. ### Why Webflow MCP? - **Visual Design**: Design production websites visually - **CMS Collections**: Structured content with custom fields - **E-Commerce**: Built-in online store capabilities - **Hosting**: Managed hosting with global CDN - **Interactions**: Advanced animations and interactions ### Key Features #### 1. CMS Operations ```python # Get collection items items = await mcp.get_items( collection_id="col_123", limit=20, offset=0 ) for item in items["items"]: print(f"Item: {item['name']}") # Get single item item = await mcp.get_item( collection_id="col_123", item_id="item_456" ) ``` #### 2. Collection Management ```python # Create collection item item = await mcp.create_item( collection_id="col_123", fields={ "name": "New Item", "slug": "new-item", "body": "Item content...", "featured": True } ) # Update item await mcp.update_item( collection_id="col_123", item_id=item["_id"], fields={"featured": False} ) # Publish items await mcp.publish_items( collection_id="col_123", item_ids=[item["_id"]] ) ``` #### 3. Site Operations ```python # Get sites sites = await mcp.get_sites() for site in sites: print(f"Site: {site['displayName']} - {site['shortName']}") # Publish site await mcp.publish_site(site_id="site_123") # Get collections collections = await mcp.get_collections(site_id="site_123") ``` #### 4. E-Commerce ```python # Get products products = await mcp.get_products(site_id="site_123") for product in products: print(f"Product: {product['name']} - ${product['price']}") # Get orders orders = await mcp.get_orders( site_id="site_123", status="pending" ) # Update order status await mcp.update_order( site_id="site_123", order_id="order_789", status="fulfilled" ) ``` ### Configuration ```json { "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "@anthropic/mcp-webflow"], "env": { "WEBFLOW_API_TOKEN": "your-api-token", "WEBFLOW_SITE_ID": "your-site-id" } } } } ``` ### Use Cases **Marketing Sites**: Manage marketing websites with dynamic content. **E-Commerce**: Run online stores with inventory management. **Content Automation**: Automate content publishing workflows. **Client Projects**: Manage multiple client Webflow sites. The Webflow MCP enables visual web development within your development environment.

Installation

{
  "mcpServers": {
    "webflow": {
      "mcpServers": {
        "webflow": {
          "url": "https://mcp.webflow.com/sse",
          "type": "sse"
        }
      }
    }
  }
}

How to Use

1. 1Remote SSE server
2. 2Site management
3. 3CMS collections