Webflow
About
Webflow is a visual web development platform for building and hosting production sites. Its remote MCP server lets assistants design pages, manage CMS collections, and update site content directly, bringing Webflow projects into AI-assisted workflows.
Details
- Transport
- SSE
Explore
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
WebflowCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
{
"mcpServers": {
"webflow": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}
}
webflow_guide_tool
Provides essential guidelines and best practices for effectively using the Webflow tools. Call this tool to understand recommended workflows and important considerations before performing actions. ALWAYS CALL THIS TOOL FIRST BEFORE CALLING ANY OTHER TOOLS. ALWAYS CALL THIS TOOL FIRST BEFORE CALLING ANY OTHER TOOLS.
ask_webflow_ai
Ask Webflow AI about anything related to Webflow API.
data_cms_tool
Data tool - CMS tool to perform actions like get collection list, get collection details, create collection, create collection fields (static/option/reference), update collection field, list collection items, create collection items, update collection items, publish collection items, and delete collection items
data_components_tool
Data tool - Components tool to perform actions like list components, get component content, update component content, get component properties, and update component properties
data_pages_tool
Data tool - Pages tool to perform actions like list pages, get page metadata, update page settings, get page content, and update static content
data_scripts_tool
Data tool - Scripts tool to perform actions like list registered scripts, list applied scripts, add inline site script, and delete all site scripts
data_sites_tool
Data tool - Sites tool to perform actions like list sites, get site details, and publish sites
data_comments_tool
Data tool - A comment in Webflow is user feedback attached to a specific element or page inside the Designer, stored as a top-level thread with optional replies. Each comment includes author info, timestamps, content, resolved state, and design-context metadata like page location and breakpoint. Use this tool to inspect feedback discussions across the site and understand where and why they were left.
data_enterprise_tool
Data tool - Enterprise tool to perform actions like manage 301 redirects, manage robots.txt and more. This tool only works if User's workspace plan is Enterprise or higher, else tool will return an error.
asset_tool
Designer Tool - Asset tool to perform actions like create folder, get all assets and folders, update assets and folders
get_image_preview
Designer Tool - Get image preview from url. this is helpful to get image preview from url. Only supports JPG, PNG, GIF, WEBP, WEBP and AVIF formats.
de_component_tool
Designer tool - Component tool to perform actions like create component instances, get all components and more.
element_builder
Designer Tool - Element builder to create element on current active page. only create elements upto max 3 levels deep. divide your elements into smaller elements to create complex structures. recall this tool to create more elements. but max level is upto 3 levels. you can have as many children as you want. but max level is 3 levels.
element_tool
Designer Tool - Element tool to perform actions like get all elements, get selected element, select element on current active page. and more
element_snapshot_tool
Designer Tool - Element snapshot tool to perform actions like get element snapshot. helpful to get element snapshot for debugging and more and visual feedback.
de_page_tool
Designer Tool - Page tool to perform actions like create page, create page folder, get current page, switch page
style_tool
Designer Tool - Style tool to perform actions like create style, get all styles, update styles
de_learn_more_about_styles
Designer tool - Learn more about styles supported by Webflow Designer.Please do not use any other styles which is not supported by Webflow Designer.Please use the long-form alias of a CSS property when managing styles. For example, the property row-gap has a long-form alias of grid-row-gap, margin has long-form alias of margin-top, margin-right, margin-bottom, margin-left, etc.
variable_tool
Designer Tool - Variable tool to perform actions like create variable, get all variables, update variable
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"webflow": {
"webflow": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}
}
}McpServers
{
"webflow": {
"type": "http",
"url": "https://mcp.webflow.com/mcp"
}
}Webflow is a visual web development platform for building and hosting production sites. Its remote MCP server lets assistants design pages, manage CMS collections, and update site content directly, bringing Webflow projects into AI-assisted workflows.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
