---
title: Webflow | Keycard
description: 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](/admin/identity-providers/index.md), [access policies](/admin/access-policies/index.md), 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

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)

Show all 22 tools  Show fewer

## 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](https://console.keycard.ai), 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.

## Related

RELATED

- [Catalog overview](/admin/catalog/index.md) - browse other MCP and API servers
- [Access policies](/admin/access-policies/index.md) - control who can use Webflow
- [Identity providers](/admin/identity-providers/index.md) - control who can sign in

[PreviousSupabase](/admin/catalog/mcp-servers/supabase/index.md)[NextWix](/admin/catalog/mcp-servers/wix/index.md)