← Back to all apps

Webflow

Productivityby Webflow
Launched May 15, 2026 on ChatGPT

Webflow MCP lets AI tools design pages, manage CMS content. Browse and update collections, create and edit pages, modify layouts and styles, and automate site-level tasks through natural language prompts. Bring Webflow into your AI workflow with a structured, secure interface that translates AI actions into real changes across your site—helping teams build, update, and scale Webflow projects faster with less manual work.

23ChatGPT Tools
19Claude Tools
WebflowDeveloper
ProductivityCategory

Use Cases

codeproductivity

Available Tools

Ask Webflow AI

ask_webflow_ai
Full Description

Ask Webflow AI about anything related to Webflow API.

Parameters (2 required)
Required
contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

messagestring

The message to ask Webflow AI about.

Designer Asset Tool

asset_tool
Full Description

Designer Tool

  • Asset tool to perform actions like create folder, get all assets and folders, update assets and folders, and upload image by URL
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_folder, get_all_assets_and_folders, update_asset, upload_image_by_url.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Component Builder

component_builder
Full Description

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.
Parameters (3 required)
Required
actionsarray

Component insertion actions executed sequentially. Each item is one complete insertion and action_type chooses the insertion mode.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Data Assets Tool

data_assets_tool
Full Description

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.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_asset.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data CMS Tool

data_cms_tool
Full Description

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
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_collection, create_collection_items, create_collection_option_field, create_collection_reference_field, create_collection_static_field, delete_collection_field, delete_collection_items, get_collection_details, get_collection_list, list_collection_items, publish_collection_items, unpublish_collection_items, update_collection_field, update_collection_items.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Comments Tool

data_comments_tool
Full Description

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.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_reply, get_comment_thread, list_comment_replies, list_comment_threads, search_comment_user_by_email.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Enterprise Tool

data_enterprise_tool
Full Description

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.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: add_well_known_file, create_301_redirect, delete_301_redirect, delete_robots_txt, get_robots_txt, list_301_redirects, list_site_activity_logs, remove_well_known_files, replace_robots_txt, update_301_redirect, update_robots_txt.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Localization Tool

data_localization_tool
Full Description

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.

Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: get_component_content, get_component_properties, get_page_content, list_components, update_component_content, update_component_properties, update_static_content.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Pages Tool

data_pages_tool
Full Description

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.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_branch, delete_branch, get_branch_details, get_page_metadata, list_branches, list_pages, update_page_settings.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Scripts Tool

data_scripts_tool
Full Description

Data tool

  • Scripts tool to manage custom code scripts. Register, apply, update, and remove scripts at the site or page level.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: add_page_script, add_site_script, clear_page_scripts, clear_site_scripts, delete_registered_script, get_page_scripts, get_registered_script, get_registered_scripts, get_site_scripts, register_hosted_script, register_inline_script, remove_page_script, remove_site_script, set_page_scripts, set_site_scripts, update_registered_script.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Sites Tool

data_sites_tool
Full Description

Data tool

  • Sites tool to perform actions like list sites, get site details, and publish sites
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: get_site, list_sites, publish_site.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Data Webhook Tool

data_webhook_tool
Full Description

Data tool

  • Webhook tool to perform actions like list webhooks, create webhooks, get webhook details, and delete webhooks for a Webflow site.
Parameters (2 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_webhook, delete_webhook, get_webhook, list_webhooks.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

Designer Component Tool

de_component_tool
Full Description

Designer tool

  • Component tool to perform actions like create component instances, get all components and more.
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: check_if_inside_component_view, close_component_view, create_blank_component, create_prop, create_variant, delete_variant, duplicate_component, duplicate_variant, get_all_components, get_component, get_component_instance_props, get_current_component, get_parent_component, get_variant_settings, get_variant_styles, insert_component_instance, open_canvas, open_component_view, query_components, remove_prop, reorder_variants, reset_all_props_value, set_component_instance_prop_values, set_component_metadata, set_variant_name, set_variant_styles, transform_element_to_component, unlink_component_instance, unregister_component, update_prop.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Designer Page Tool

de_page_tool
Full Description

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
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_page, create_page_folder, get_branch_parent_page_id, get_current_branch_id, get_current_mode, get_current_page, list_branches, switch_page.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Element Builder

element_builder
Full Description

Designer Tool

  • Element builder to create element on current active page.
Parameters (3 required)
Required
actionsarray

Element creation actions executed sequentially. Each item creates one element at the requested position.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Element Snapshot Tool

element_snapshot_tool
Full Description

Designer Tool

  • Element snapshot tool to perform actions like get element snapshot. helpful to get element snapshot for debugging and more and visual feedback.
Parameters (3 required)
Required
actionobject
contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Designer Element Tool

element_tool
Full Description

Designer Tool

  • Element tool to perform actions like get all elements, get selected element, select element on current active page. and more
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: add_or_update_attribute, get_all_elements, get_attributes, get_bindable_sources, get_display_name, get_selected_element, get_settings, move_element, query_elements, remove_attribute, remove_element, select_element, set_display_name, set_heading_level, set_id, set_image_asset, set_link, set_settings, set_style, set_tag, set_text, set_visibility, update_id_attribute.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Get Webflow Image Preview

get_image_preview
Full Description

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.
Parameters (3 required)
Required
contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

urlstring

The URL of the image to get the preview from

Get More Tools

get_more_tools
Full Description

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

Parameters (3 required)
Required
briefstring

A detailed explanation of the use case. Include: (1) what the user is ultimately trying to accomplish, (2) the concrete steps or workflow they expect, (3) which existing tools you considered and why they were insufficient, and (4) any specific Webflow surface, API, or capability that would unblock the task. Provide enough detail that a Webflow engineer can reproduce the scenario and design the right tool — short one-line answers are not sufficient.

categorystring

The category of the capability you are looking for.

Options:CMSSITESPAGESELEMENTSCOMPONENTSSTYLESASSETSVARIABLESCUSTOM_CODECOMMENTSWEBHOOKSWORKFLOWSSEOENTERPRISEFORMSLOCALIZATIONPUBLISHINGINTERACTIONSECOMMERCEREDIRECTSBACKUPSWORKSPACEAIDOCSSKILLSOTHER
contextstring

A short description of your goal and what kind of tool would help accomplish it.

Designer Style Tool

style_tool
Full Description

Designer Tool

  • Style tool to perform actions like create style, get all styles, update styles, remove styles
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_style, get_styles, query_styles, remove_style, update_style.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Designer Variable Tool

variable_tool
Full Description

Designer Tool

  • Variable tool to perform actions like create variable, get all variables, update variable, rename and delete variables, and manage style variable modes.
Parameters (3 required)
Required
actionsarray

Actions to execute sequentially. Each array item must include label and exactly one action property: create_color_variable, create_font_family_variable, create_number_variable, create_percentage_variable, create_size_variable, create_variable_collection, create_variable_mode, delete_variable, get_style_variable_modes, get_variable_collections, get_variables, query_variables, remove_all_style_variable_modes, remove_style_variable_mode, rename_variable, set_style_variable_mode, update_color_variable, update_font_family_variable, update_number_variable, update_percentage_variable, update_size_variable.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.

Webflow Guide Tool

webflow_guide_tool
Full Description

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.

Parameters (1 required)
Required
contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

WHTML Builder

whtml_builder
Full Description

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.
Parameters (3 required)
Required
actionsarray

WHTML insertion actions executed sequentially. Each item inserts one HTML/CSS fragment at the requested position.

contextstring

Explain why you are calling this tool and how it fits into the user's overall goal. This parameter is used for analytics and user intent tracking. YOU MUST provide 15-25 words (count carefully). NEVER use first person ('I', 'we', 'you') - maintain third-person perspective. NEVER include sensitive information such as credentials, passwords, or personal data. Example (20 words): "Searching across the organization's repositories to find all open issues related to performance complaints and latency issues for team prioritization."

siteIdstring

Unique identifier for the Webflow site (e.g., '580e63e98c9a982ac9b8b741'). Use list_sites to discover available site IDs.