For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferencePrompt LibraryChangelog
ReferencePrompt LibraryChangelog
  • MCP Server
    • Overview
    • Getting started
      • Claude Desktop
      • Claude Code
      • Cursor
      • Postman
      • Windsurf
      • Beta server
      • Documentation server
    • How it works
    • Skills
    • FAQs and troubleshooting
LogoLogo
Resources
Get started
On this page
  • What you can do
  • Limitations
  • Get started
MCP Server

Webflow MCP server

Was this page helpful?

Getting started

Next
Built with
MCP Hero Image

The Model Context Protocol (MCP) server connects your AI tools directly to your Webflow projects. Prompt an AI agent to update designs, manage site data, and work with the CMS from your preferred AI environment.

For developers using AI-powered tools like Claude Code, Claude Desktop, Cursor, or Windsurf, the MCP server enhances an agent’s understanding of your Webflow projects. It’s built on Webflow’s APIs, exposing them as tools your AI agent can use to create elements, styles, and variables on the canvas, as well as manage collections, custom code, assets, and other site data.

Why use the MCP server?

Skip writing API calls and managing authentication. Just describe what you want in natural language, and your AI agent handles the implementation using Webflow’s Data and Designer APIs.

What you can do

Build and design
Manage content
Automate workflows
Get information

Use Designer API tools to create and modify visual elements on the canvas:

  • Create layouts: Build responsive sections, containers, and grids with proper breakpoint configurations
  • Work with elements: Query elements by ID, type, text, style, tag, attributes, component name, or slot. Add, reposition, and delete elements such as rich text, form elements, media embeds, tabs, sliders, dropdowns, CMS collection lists, and page slots
  • Style elements: Query existing styles by ID, name path, combo class, or CSS property; apply classes; modify CSS properties; create and update styles from raw CSS; and manage design variables across breakpoints
  • Build components: Create blank components, define and manage props, set prop values on instances, bind props to element settings and text, manage variants (including variant-scoped style variable modes), duplicate components, reorder variants, unlink instances, and read or edit Text and Rich Text prop content
  • Manage branches: Create, inspect, and delete page branches to work on changes in isolation
  • Design systems: Set up color schemes, typography scales, and spacing systems

Limitations

The MCP server can not automate all Webflow developer tools. Here are some of its major limitations:

  • The MCP server does not yet have access to all endpoints in the Data and Designer APIs.
  • The MCP server cannot control access to sites and Workspaces.
  • To make changes to a site design, the MCP server requires the MCP Bridge App to be open.
  • The MCP server does not support creating new localized CMS items, though it can read and update existing CMS items and static content in secondary locales.

Get started

Explore the prompt library

Browse ready-to-use prompts for image optimization, SEO audits, style refactoring, and more.

Use skills

Install skills that help you accomplish common Webflow tasks through natural language.

Learn how it works

Understand the architecture, authentication, and how the MCP server connects to Webflow’s APIs.