add_inline_site_script
Register an inline script for a site. Inline scripts are limited to 2000 characters.
LABSCO SUMMARY
Drafting and publishing are different tools, which is the distinction that matters on a live site.
collections_items_create_item and collections_items_update_items write drafts, the live variants push straight to the published site, and collections_items_publish_items promotes drafts by id — so an agent can be given the draft path and nothing else. The Designer tools only work while a Designer session is open and connected, and element creation caps at 3 levels in one call, so a deep structure is built across several passes. The CMS side assumes you are already holding site and collection ids, which makes the two listing tools the first calls in almost every sequence.
What it is
Webflow's own server over its Data API plus a bridge into an open Designer session — CMS collections and items, pages, components, scripts, sites and canvas editing — across 43 tools.
What you get
- CMS schema work: collections created and inspected with their field definitions, and static, option and reference fields added or updated on an existing collection
- Items written either way round — created and updated as drafts and then published by id, or created and updated directly against the live site
- Page settings including SEO metadata, Open Graph data, slug and publish status, read and written per locale
- Localisation kept on its own path, with text nodes and property overrides updated for secondary locales on both static pages and components
- Site publishing to named custom domains or the Webflow subdomain, with registered and applied scripts listed and inline scripts registered up to 2,000 characters
- Designer-side building on the active page — elements no more than 3 levels deep per call, plus styles, variables, component instances, assets and the current selection
Requirements
A Webflow account holding the sites you name — the hosted server signs you in over OAuth, the local one takes a WEBFLOW_TOKEN instead — and the site and collection ids the listing tools return. The Designer half additionally needs the Webflow MCP app connected to an open Designer session, which get_designer_app_connection_info reports on. MIT.
Setup effort
One command — npx -y webflow-mcp-server@latest
USE CASES
01
Standing up a new content type
Create the collection, then add its fields by kind — plain fields, an option field with fixed choices, a reference field pointing at another collection — and read the schema back to confirm what the CMS now expects.
02
Getting this week's posts onto the site
Write the items as drafts first, check them in the listing, then publish the ones that are ready by id. The draft and live paths are different tools, so an agent can hold only the first.
03
Fixing the SEO on a page that is already live
Read the page's current metadata, rewrite the title, description, Open Graph data or slug, and publish the site to the domains that should carry the change.
04
Carrying a page into a second language
Read the page's content structure, then write the translated text nodes and property overrides against the secondary locale, and do the same for the components the page reuses.
05
Building a section on the canvas that is open in front of you
The Designer tools act on the active page in a connected Designer session: elements are created no more than 3 levels deep in one call, then styled, and the current selection can be read back between steps.
43 tools
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
ask_webflow_ai
Ask Webflow AI about anything related to Webflow API.
asset_tool
Designer Tool - Asset tool to perform actions like create folder, get all assets and folders, update assets and folders
collection_fields_create_option
Create a new option field in a CMS collection with predefined choices.
collection_fields_create_reference
Create a new reference field in a CMS collection that links to items in another collection.
collection_fields_create_static
Create a new static field in a CMS collection (e.g., text, number, date, etc.).
collection_fields_update
Update properties of an existing field in a CMS collection.
collections_create
Create a new CMS collection in a site with specified name and schema.
collections_get
Get detailed information about a specific CMS collection including its schema and field definitions.
collections_items_create_item
Create new items in a CMS collection as drafts.
collections_items_create_item_live
Create and publish new items in a CMS collection directly to the live site.
collections_items_delete_item
Delete an item in a CMS collection. Items will only be deleted in the primary locale unless a cmsLocaleId is included in the request.
collections_items_list_items
List items in a CMS collection with optional filtering and sorting.
collections_items_publish_items
Publish draft items in a CMS collection to make them live.
collections_items_update_items
Update existing items in a CMS collection as drafts.
collections_items_update_items_live
Update and publish existing items in a CMS collection directly to the live site.
collections_list
List all CMS collections in a site. Returns collection metadata including IDs, names, and schemas.
components_get_content
Get the content structure and data for a specific component including text, images, and nested components.
components_get_properties
Get component properties including default values and configuration for a specific component.
components_list
List all components in a site. Returns component metadata including IDs, names, and versions.
components_update_content
Update content on a component in secondary locales by modifying text nodes and property overrides.
components_update_properties
Update component properties for localization to customize behavior in different languages.
de_component_tool
Designer tool - Component tool to perform actions like create component instances, get all components and more.
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.
de_page_tool
Designer Tool - Page tool to perform actions like create page, create page folder, get current page, switch page
delete_all_site_scripts
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
get_designer_app_connection_info
Get Webflow MCP App Connection Info. if user ask to get Webflow MCP app connection info, use this tool
get_image_preview
Designer Tool - Get image preview from url. this is helpful to get image preview from url.
pages_get_content
Get the content structure and data for a specific page including all elements and their properties.
pages_get_metadata
Get metadata for a specific page including SEO settings, Open Graph data, and page status (draft/published).
pages_list
List all pages within a site. Returns page metadata including IDs, titles, and slugs.
pages_update_page_settings
Update page settings including SEO metadata, Open Graph data, slug, and publishing status.
pages_update_static_content
Update content on a static page in secondary locales by modifying text nodes and property overrides.
site_applied_scripts_list
Get all scripts applied to a site by the App. To apply a script to a site or page, first register it via the Register Script endpoints, then apply it using the relevant Site or Page endpoints.
site_registered_scripts_list
List all registered scripts for a site. To apply a script to a site or page, first register it via the Register Script endpoints, then apply it using the relevant Site or Page endpoints.
sites_get
Get detailed information about a specific site including its settings, domains, and publishing status.
sites_list
List all sites accessible to the authenticated user. Returns basic site information including site ID, name, and last published date.
sites_publish
Publish a site to specified domains. This will make the latest changes live on the specified domains.
style_tool
Designer Tool - Style tool to perform actions like create style, get all styles, update styles
variable_tool
Designer Tool - Variable tool to perform actions like create variable, get all variables, update variable
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.
BEFORE YOU INSTALL
What to know first
Tools you get
43 tools when we connected.
Optional
WEBFLOW_TOKEN in your environment
Where it runs
Of the 4 documented setups, 2 run the server on your machine and 2 connect to a hosted endpoint.
CONTEXT COST
Heavy Standing cost
Rated by the size of the 43 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Connect your client
Server setup
npx
TERMINAL
npx -y webflow-mcp-server@latestHosted endpoint
ENDPOINT URL
https://mcp.webflow.com/sseAdd this hosted endpoint to your MCP client.
MCP Clients
Cursor — remote
CURSOR — REMOTE · JSON
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}Claude Desktop — remote
CLAUDE DESKTOP — REMOTE · JSON
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.webflow.com/sse"
]
}
}
}Cursor, Claude Desktop
Runs the server on your machine instead of the hosted endpoint. <YOUR_WEBFLOW_TOKEN> is a token generated in Webflow's API Playground; the Designer tools also need your own MCP Bridge App, registered and published in a Webflow workspace where you are an Admin.
JSON
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@latest"
],
"env": {
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
}
}
}
}
