Webflow

Webflow: управление CMS, страницами и элементами сайта через ассистента

От сообществаРаботаетБез входаГлобальныйБесплатноМожет изменять данные

Что умеет

  • Создавать и настраивать коллекции CMS и их поля
  • Работать со страницами, компонентами и скриптами сайта
  • Редактировать элементы и стили на странице
  • Управлять ассетами и получать превью изображений
  • Задавать вопросы Webflow AI по работе с API

Какие данные видит

Ассистент работает с сайтами, коллекциями и страницами подключённого аккаунта Webflow.

Нужен ли аккаунт

Не нужен: сервер работает без входа

Коннектор Webflow даёт ассистенту доступ к структуре сайта — коллекциям CMS, страницам, компонентам, стилям и скриптам. Можно создавать и менять коллекции и их поля, работать с элементами страниц и переменными, а также спрашивать у Webflow AI про особенности API.

Как подключить

Как подключить Webflow к Claude

Адрес сервера, который нужно вставить в настройках Claude:

https://webflow.run.tools

  1. Откройте Claude (сайт claude.ai или приложение для компьютера).
  2. Перейдите в Настройки → Коннекторы (в английском интерфейсе: Settings → Connectors).
  3. Нажмите Добавить пользовательский коннектор (Add custom connector).
  4. Вставьте адрес сервера, скопированный ниже, в поле URL удалённого MCP-сервера и нажмите Добавить.
  5. В чате нажмите + → Коннекторы и включите новый коннектор.

Пользовательские коннекторы доступны на тарифах Free, Pro, Max, Team и Enterprise. На Free можно добавить только один. В Team и Enterprise коннектор сначала добавляет владелец организации в Настройки организации → Коннекторы.

Авторизация

После нажатия Добавить откроется окно входа в сервис. Войдите под своим аккаунтом и подтвердите доступ. Пароль Claude не видит.

Как подключить Webflow к ChatGPT

Адрес сервера, который нужно вставить в настройках ChatGPT:

https://webflow.run.tools

  1. Откройте ChatGPT в браузере (chatgpt.com). Нужен тариф Plus, Pro, Business, Enterprise или Edu.
  2. Один раз включите режим разработчика: Настройки → Приложения → Дополнительные настройки → Режим разработчика (Settings → Apps → Advanced settings → Developer mode).
  3. Откройте Настройки → Коннекторы и нажмите Создать (Create).
  4. Заполните форму: Название (любое), Описание (одна фраза, что делает сервис), URL MCP-сервера (скопируйте ниже).
  5. В поле Аутентификация выберите OAuth, если сервис требует вход, иначе Нет. Нажмите Создать.
  6. В новом чате откройте + → Приложения/Коннекторы и включите коннектор.

Название раздела у OpenAI менялось (Connectors → Apps/Plugins). Если пункт называется иначе, ищите «режим разработчика» в настройках. В рабочих пространствах Business/Enterprise администратор должен разрешить пользовательские коннекторы.

Авторизация

При первом использовании ChatGPT откроет окно входа в сервис. Войдите и подтвердите доступ.

Как подключить Webflow к Cursor

Адрес сервера, который нужно вставить в настройках Cursor:

https://webflow.run.tools

Быстрый способ: нажмите кнопку Открыть в Cursor ниже, Cursor сам предложит добавить сервер.

Вручную:

  1. В Cursor откройте Settings → Cursor Settings → MCP и нажмите Add new global MCP server.
  2. Вставьте JSON, скопированный ниже, в открывшийся файл ~/.cursor/mcp.json (для одного проекта: .cursor/mcp.json в корне проекта).
  3. Сохраните файл. Сервер появится в списке MCP; при необходимости пройдите авторизацию по кнопке рядом с ним.

Авторизация

Если сервис требует вход, рядом с сервером в списке MCP появится кнопка авторизации.

Список инструментов сервера (19)

Технические названия из tools/list. Нужны только разработчикам.

webflow_guide_toolProvides 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_aiAsk Webflow AI about anything related to Webflow API.
data_cms_toolData 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_toolData tool - Components tool to perform actions like list components, get component content, update component content, get component properties, and update component properties
data_pages_toolData tool - Pages tool to perform actions like list pages, get page metadata, update page settings, get page content, and update static content
data_scripts_toolData tool - Scripts tool to perform actions like list registered scripts, list applied scripts, add inline site script, and delete all site scripts
data_sites_toolData tool - Sites tool to perform actions like list sites, get site details, and publish sites
data_comments_toolData 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_toolData 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_toolDesigner Tool - Asset tool to perform actions like create folder, get all assets and folders, update assets and folders
get_image_previewDesigner 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_toolDesigner tool - Component tool to perform actions like create component instances, get all components and more.
element_builderDesigner 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_toolDesigner Tool - Element tool to perform actions like get all elements, get selected element, select element on current active page. and more
element_snapshot_toolDesigner 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_toolDesigner Tool - Page tool to perform actions like create page, create page folder, get current page, switch page
style_toolDesigner Tool - Style tool to perform actions like create style, get all styles, update styles
de_learn_more_about_stylesDesigner 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_toolDesigner Tool - Variable tool to perform actions like create variable, get all variables, update variable