MCP App Store
by KeenEthics

Overview

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

ChatGPT
Ask Webflow AI about anything related to Webflow API.

asset_tool

ChatGPT
Designer Tool - Asset tool to perform actions like create folder, get all assets and folders, update assets and folders, and upload image by URL

component_builder

ChatGPT
Designer Tool - Component builder to insert component instances on the current active page. Supports inserting into an element (as a child) or into a component instance's slot. Use insert_in_element to add a component inside a container/div/section. Use insert_in_slot to add a component inside a specific slot of an existing component instance.

data_aeo_tool

ChatGPT
Read Webflow AEO (Answer Engine Optimization) analytics for a site: LLM crawler traffic, tracked prompts, prompt executions, visibility, citation rate, cited domains and paths, page citation share, competitor citations, and individual citations. The eight public read reports use the workspace AI/copilot gate; bot traffic does not. Brand names, owned domains, and competitor hosts are server-resolved on the reports that use them. Callers must not send brandNames, domains, or competitorDomains. Requires sites:read and the ALLOW_AEO_ANALYTICS entitlement. Includes a query guide.

data_agent_instructions_tool

ChatGPT
Data tool - Manage agent instructions (rules and skills) for a site. Actions: search_instructions, read_instruction, create_instruction, update_instruction, delete_instruction, move_instruction. Paths must follow 'rules/<name>.md', 'rules/<name>.mdc', or '<skill-name>/SKILL.md'.

data_analyze_tool

ChatGPT
Read Webflow Analyze report data for a site, including traffic timeseries, ranked pages, ranked dimensions, ranked engagement events, and aggregate or bucketed time on page. Includes guide actions for building Analyze queries and resolving engagement event rows to page elements, component instances, and CMS context.

data_apps_tool

ChatGPT
Inspect and manage Webflow Cloud apps, GitHub sources, environments, variable metadata, deployments, domains, and logs, including destructive lifecycle changes and deployment triggers. Create GitHub-source apps; use the Webflow CLI for CLI/local-source app creation, local-source deployment, and environment variable writes. This tool does not accept environment variable values. list_variables returns plaintext non-secret values and omits secret values. Use data_variable_tool for Designer variables. Raw build-phase/runtime logs may contain secrets.

data_assets_tool

ChatGPT
Data tool - Manage Webflow site assets via the Data API. Generates asset metadata entries and returns presigned S3 upload information (uploadUrl and uploadDetails) used to upload the file bytes.

data_campaigns_tool

ChatGPT
Campaign Hub sites, campaigns, page-variation personalization, and campaign analytics. Discover sites via list_campaign_hub_sites (workspace from list_sites/get_site). Create campaigns from a confirmed markdown_brief; page content generates async — get_campaign_task_status is the only completion signal. Reads return metadata (id, name, brief, markdownBrief, state, timestamps, landingPage.pageId); updates are metadata-only; delete_campaign hard-deletes campaign/assets (page archived). Page variations: suggestions, create, list field matrix, bulk fieldValues update, delete. personalize_property creates and binds PlainText or ImageRef to ComponentInstance props; personalize_element creates and binds PlainText or ImageRef to non-component element settings (key from get_settings); unlink_delete_personalized_field permanently removes a field across all variations; update_personalized_field renames a field display name (slug/type can't be changed). Analytics: time series, form submits, engaged accounts, opportunity summary (optional page_variation_id).

data_cms_tool

ChatGPT
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, delete collection field, list collection items, create collection items, update collection items, publish collection items, delete collection items, and unpublish collection items

data_comments_tool

ChatGPT
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, filter threads by page, resolution status, or creation date, search for comment users by email, and create replies to existing threads.

data_component_builder

ChatGPT
Data Tool - Component builder to insert component instances on a page via the public-mcp headless surface. Supports inserting into an element (insert_in_element) or into a component instance's slot (insert_in_slot), with recursive nested-component trees via component_schema.slots.

data_component_props_tool

ChatGPT
Data tool - Component props tool to manage prop definitions and set or reset prop values on component instances.

data_component_tool

ChatGPT
Data Tool - Component tool to perform actions like get and query components, create blank components, transform elements into components, insert and unlink component instances, manage component props and variants, and more.

data_component_variants_tool

ChatGPT
Data tool - Component variants tool to manage variants and per-variant style overrides.

data_element_builder

ChatGPT
Data Tool - Element builder to create elements on a page via the public-mcp headless surface.

data_element_settings_tool

ChatGPT
Read and write element settings and data bindings on a Webflow page: get or set settings, discover bindable sources, and set tag, visibility, and DOM id via static values or prop bindings.

data_element_tool

ChatGPT
Inspect and modify elements on a Webflow page — retrieve and query the element tree, edit text content, apply styles, set links, images, HTML attributes and tags, configure element settings and visibility, and move or remove elements.

data_enterprise_tool

ChatGPT
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.

data_fonts_tool

ChatGPT
Data tool - Manage a site's uploaded custom fonts: list and inspect them, register new fonts and replace their files (a two-step upload flow), update font metadata, and remove fonts individually or in batches.

data_forms_tool

ChatGPT
Data tool - Read forms and manage form submissions on a site. Actions: list_forms, get_form, list_site_form_submissions, list_form_submissions, get_form_submission, update_form_submission, delete_form_submission.

data_interactions_tool

ChatGPT
Manage IX3 interactions (animations) on a site: list, get, create, update, and delete. Creates take the full definition (object-format triggers and inline timelines) in one call. Animate opacity under wf:transform (e.g. ["0%","100%"]), not wf:style. Headless; does not require Designer or the MCP Bridge. For legal payload shapes, call action guide or read MCP resource webflow://guides/interactions.

data_localization_tool

ChatGPT
Data tool for localizing pages and components into secondary locales. Read and update static page content, component content, and component property overrides for any non-primary locale. Writes target secondary locales only — the primary (default) locale cannot be edited through this tool. Also includes list_components for discovering component IDs to localize.

data_members_tool

ChatGPT
Manage who has access to Webflow sites and workspaces: list members, grant and revoke site access, invite people to a workspace, change site and workspace roles, list the site roles a workspace can assign (including custom ones), and remove members. Covers both scopes because granting site access needs a member identity, which lives at the workspace level. Requires an Enterprise workspace plan with user management enabled, and the authenticated user must be a workspace owner or admin; calls from workspaces or users without that fail with a message saying so.

data_optimize_tool

ChatGPT
Read Webflow Optimize results: which optimizations exist, what state they're in, and how one optimization's variations are performing overall, by audience segment, or over time.

data_pages_tool

ChatGPT
Data tool - Pages tool to perform actions like list pages, get page metadata, update page settings, manage branches (list, create, delete), and (beta) read or write JSON-LD schema markup for pages in bulk.

data_scripts_tool

ChatGPT
Data tool - Scripts tool to manage custom code scripts. Register, apply, update, and remove scripts at the site or page level.

data_sitemap_tool

ChatGPT
Data tool - Manage sitemap indexing status for CMS collection items and static pages. Read and update whether pages and collection items appear in a site's generated sitemap. All endpoints are under the /beta namespace. Folder pages, collection template pages, and utility pages are not supported for page endpoints.

data_sites_tool

ChatGPT
Data tool - Sites tool to perform actions like list sites, get site details, and publish sites

data_style_tool

ChatGPT
Data Tool - Style tool to perform actions like get all styles, create a new style, update a style, query styles, remove a style, and manage style variable modes

data_variable_tool

ChatGPT
Data Tool - Variable tool to perform actions like create variable, get all variables, query variables, update variable, rename and delete variables, and reorder variable collections.

data_webhook_tool

ChatGPT
Data tool - Webhook tool to perform actions like list webhooks, create webhooks, get webhook details, and delete webhooks for a Webflow site.

data_whtml_builder

ChatGPT
Data Tool - WHTML builder to insert elements from HTML and CSS strings on a page via the public-mcp headless surface. Accepts HTML markup and optional raw CSS rules, constructs WHTML, and inserts it into a parent element.

de_component_tool

ChatGPT
Designer tool - Component tool to perform actions like create component instances, get all components and more.

de_page_tool

ChatGPT
Designer Tool - Page tool to perform actions like create page, create page folder, get current page, switch page, open a component in the Designer canvas, list branches, get current branch ID, get parent page ID for a branched page, and get current Designer mode

designer_tool

ChatGPT
Interact with the user's live Webflow Designer session — select an element on the canvas or read which element is currently selected, navigate the canvas between pages and component canvases, switch to or read the current page, list a page's branches, read the current branch ID, parent page ID, and Designer mode, enter, exit, or inspect the current component view, and read all breakpoints (media queries) configured for the site.

element_builder

ChatGPT
Designer Tool - Element builder to create element on current active page.

element_snapshot_tool

ChatGPT
Designer Tool - Element snapshot tool to perform actions like get element snapshot. helpful to get element snapshot for debugging and more and visual feedback.

element_tool

ChatGPT
Designer Tool - Element tool to perform actions like get all elements, get selected element, select element on current active page. and more

get_asset_preview

ChatGPT
Get an image preview of a site asset by its asset ID. Fetches the asset's metadata, downloads the smallest available image variant (or the original file when no variants exist), and returns the image content. Works with any image content type (e.g. JPG, PNG, GIF, WEBP); non-image files and files larger than 2 MB return an error instead of an image. Returns a 404 error if the asset does not exist or has been deleted.

get_image_preview

ChatGPT
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.

get_more_tools

ChatGPT
Check for additional tools whenever your task might benefit from specialized capabilities - even if existing tools could work as a fallback.

style_tool

ChatGPT
Designer Tool - Style tool to perform actions like create style, get all styles, update styles, remove styles

variable_tool

ChatGPT
Designer Tool - Variable tool to perform actions like create variable, get all variables, update variable, rename and delete variables, and manage style variable modes.

webflow_guide_tool

ChatGPT
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.

whtml_builder

ChatGPT
Designer Tool - WHTML builder to insert elements from HTML and CSS strings on the current active page. Accepts HTML markup and optional CSS rules, constructs WHTML, and inserts into a parent element.

ask_webflow_ai

Claude

asset_tool

Claude

data_agent_instructions_tool

Claude

data_analyze_tool

Claude

data_apps_tool

Claude

data_assets_tool

Claude

data_campaigns_tool

Claude

data_cms_tool

Claude

data_comments_tool

Claude

data_component_builder

Claude

data_component_props_tool

Claude

data_component_tool

Claude

data_component_variants_tool

Claude

data_components_tool

Claude

data_element_builder

Claude

data_element_settings_tool

Claude

data_element_tool

Claude

data_enterprise_tool

Claude

data_fonts_tool

Claude

data_forms_tool

Claude

data_interactions_tool

Claude

data_localization_tool

Claude

data_pages_tool

Claude

data_scripts_tool

Claude

data_sitemap_tool

Claude

data_sites_tool

Claude

data_style_tool

Claude

data_variable_tool

Claude

data_webhook_tool

Claude

data_whtml_builder

Claude

de_component_tool

Claude

de_learn_more_about_styles

Claude

de_page_tool

Claude

designer_tool

Claude

element_builder

Claude

element_snapshot_tool

Claude

element_tool

Claude

get_asset_preview

Claude

get_image_preview

Claude

get_more_tools

Claude

style_tool

Claude

variable_tool

Claude

webflow_guide_tool

Claude

Capabilities

Writes

App Stats

89

Tools

ChatGPT, Claude

Platforms

Works with

ChatGPT
Claude

Data refreshed daily