Skip to content
API Reference
Admin /Catalog /MCP Servers
Webflow logo

Webflow

Design

Build and manage Webflow sites and CMS content

Follow the Webflow guide first, then use Data API tools for sites, pages, CMS, components, scripts, webhooks, comments, and enterprise settings; use Designer tools for variables, styles, pages, elements, components, assets, and HTML insertion; ask Webflow AI for API help and discover extra tools when needed.

Adding Webflow provisions three things in your zone: an upstream resource pointing at https://mcp.webflow.com/mcp (kept inside Keycard), a Keycard MCP Gateway URL - the downstream resource - that you install in Cursor, Claude Code, or any MCP client, and a provider for token exchange with Webflow’s OAuth issuer.

When your AI client makes a tool call, it sends a Keycard-issued access token to the gateway URL. Keycard’s STS exchanges that token for an upstream Webflow token, the gateway calls the upstream MCP, and the response is proxied back. Your zone’s identity provider, access policies, and audit log apply to every call - the upstream credential never leaves Keycard. Each call is recorded in the audit log with the user identity, the resource accessed, and the policy decision.

Tools

Section titled “Tools”
TOOLS

Tools the upstream server exposes through the Keycard MCP Gateway.

Webflow exposes 22 tools through the gateway:

webflow_guide_tool
Guidelines and best practices for using Webflow MCP tools (call before other tools)
get_more_tools
Discover additional specialized tools when the task may benefit from them
ask_webflow_ai
Ask Webflow AI about the Webflow API
data_sites_tool
List sites, get site details, and publish sites
data_pages_tool
List pages, page metadata, page settings, static content, and updates
data_cms_tool
CMS collections, fields, items, publish, and delete operations
data_components_tool
List components and get or update component content and properties
data_scripts_tool
List registered and applied scripts; add inline site scripts or remove site scripts
data_webhook_tool
List, create, inspect, and delete site webhooks
data_comments_tool
Inspect Designer comment threads and feedback on elements or pages
data_enterprise_tool
Enterprise workspace features such as 301 redirects and robots.txt (Enterprise plan only)
variable_tool
Designer: create, list, and update variables
style_tool
Designer: create, list, update, and remove styles
de_page_tool
Designer: create pages and folders, get or switch the current page
element_tool
Designer: list elements, get selection, and select elements on the active page
element_builder
Designer: create elements on the active page
element_snapshot_tool
Designer: capture element snapshots for debugging and visual feedback
whtml_builder
Designer: insert markup from HTML and CSS strings into a parent element
component_builder
Designer: insert component instances into an element or a component slot
de_component_tool
Designer: create component instances and list components
asset_tool
Designer: folders and assets (create, list, update)
get_image_preview
Designer: preview an image from a URL (JPG, PNG, GIF, WEBP, AVIF)

Install

Section titled “Install”
INSTALL

Add Webflow to your zone and install the gateway URL into Cursor, Claude Code, or any MCP client.

  1. Open the catalog

    In your zone’s Keycard Console, go to Applications → Add Application → Explore MCP Servers.

  2. Find and install Webflow

    Search for Webflow in the catalog and click Install.

  3. Connect your development tool

    Once installed, Webflow appears on the Applications page with a Keycard MCP Gateway URL. Use the Install dropdown to add it to Cursor, Claude Code, or any MCP-compatible client.

Section titled “Related”
RELATED