Webflow

Design and Creative · by Webflow · Verified

Connector Design pages, manage CMS content, add motion, analyze traffic, and launch the whole site, all from a prompt and all inside the permissions your workspace already has.

Install

In Claude, open Settings, then Connectors.
Find Webflow in the directory, or choose Add custom connector and paste the URL below.
Sign in to Webflow and review what it asks to reach.

Connector URL

https://mcp.webflow.com/mcp

Claude Code

claude mcp add --transport http webflow https://mcp.webflow.com/mcp

Run in a terminal, then run /mcp in Claude Code to sign in.

Add in Claude Open on claude.com

About

Webflow is a visual platform for building and running professional websites, and Webflow MCP connects Claude directly to it. Describe what you want in plain language, and your agent makes the change in your actual site, working from the design system, content, and data already there.

What you can do:

- Design and build: Create responsive pages, build reusable components, and manage the variables that hold your colors, fonts, and spacing.

- Manage content at scale: Set up and restructure CMS collections, the databases behind repeating content like blog posts and case studies, then write and update items in bulk.

- Bring it to life: Add motion and interactivity to a page, then fine-tune the result yourself on a visual timeline.

- Analyze and measure: Ask about traffic, top pages, and engagement over time, and get the answer in conversation.

Control stays with you. Agents work inside the roles and permissions your workspace already has, they follow the Agent Instructions you write to tell them how your site should be built, and every action is recorded in the site activity log. Point an agent at a page branch, a private copy of a page, and your live site stays untouched while you work. Anything an agent builds opens in Webflow's visual editor, where you review and adjust it before publishing.

New to Webflow? You do not need to learn the product first. What your agent builds is a real website with production hosting and a content management system behind it, not a code export you are then responsible for maintaining. Open the visual editor whenever you want to take over by hand.

Tools

ask_webflow_ai
asset_tool
data_agent_instructions_tool
data_analyze_tool
data_assets_tool
data_cms_tool
data_comments_tool
data_component_builder
data_component_tool
data_element_builder
data_element_tool
data_enterprise_tool
data_fonts_tool
data_forms_tool
data_localization_tool
data_pages_tool
data_scripts_tool
data_sitemap_tool
data_sites_tool
data_style_tool
data_variable_tool
data_webhook_tool
data_whtml_builder
designer_tool

24 of 34 tools. claude.com lists the rest. The maker decides what the tools do and can change them. Add connectors only from makers you trust.

From the maker

Facts

Kind: Connector
Category: Design and Creative
Made by: Webflow
Runs: Remote server
Works in: Claude, Claude API, Claude Code, Claude Desktop
Sign-in: Required
Added: 2026-01-23
Source: Verified