Официальный MCP-сервер Webflow

Сервер Node.js, реализующий Model Context Protocol (MCP) для Webflow с использованием Webflow JavaScript SDK . Позволяет агентам ИИ взаимодействовать с API Webflow. Узнайте больше о Data API Webflow в документации для разработчиков .

щит npm щит папоротника

ℹ Предварительные условия

Related MCP server: Webflow MCP Server

▶️ Быстрый старт (размещено на рабочих серверах Cloudflare)

Для курсора:

Перейдите в Settings → Cursor Settings → MCP
Нажмите + Add New Global MCP Server
Вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)

{ "mcpServers": { "webflow": { "command": "npx mcp-remote https://mcp.webflow.com/sse" } } }

Сохраните, и курсор автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

Для Клода Десктопа:

Откройте Settings → Developer
Нажмите Edit Config
Откройте claude_desktop_config.json в редакторе кода и вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)

{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }

Сохраните файл и перезапустите Claude Desktop (command/ctrl + R). Когда Claude перезапустится, он автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

Для виндсерфинга:

Перейдите в раздел Windsurf - Settings → Advanced Settings
Прокрутите вниз до раздела Cascade → Add Server → Add custom server +
Вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)

{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }

Нажмите Save , и Windsurf автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

Важное примечание

Все эти методы основаны на пакете mcp-remote npm , который по состоянию на 30.04.2025 все еще считается экспериментальным. Если в какой-то момент у вас возникнут проблемы и вы захотите сбросить токены OAuth, вы можете выполнить следующую команду перед перезапуском клиента MCP:

rm -rf ~/.mcp-auth

▶️ Быстрый старт (локальная установка)

Получите свой токен API Webflow

Перейти на API Playground Webflow
Войдите в систему и сгенерируйте токен
Скопируйте токен из генератора запросов

Добавьте в свой редактор ИИ

{ "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@0.5.1"], "env": { "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>" } } } }

Для курсора:

Перейдите в Настройки → Настройки курсора → MCP
Нажмите + Add New Global MCP Server
Вставить конфигурацию
Замените YOUR_WEBFLOW_TOKEN на токен, который вы скопировали ранее.
Сохранить и перезапустить курсор

Для Клода Десктопа:

Откройте Настройки → Разработчик
Нажмите Edit Config
Откройте claude_desktop_config.json в редакторе кода и вставьте конфигурацию.
Замените YOUR_WEBFLOW_TOKEN на токен, который вы скопировали ранее. 5. Сохраните и перезапустите Клода.

❓ Устранение неполадок

Если у вас возникли проблемы с запуском сервера в вашем клиенте MCP, например, Cursor или Claude Desktop, попробуйте выполнить следующие действия.

Убедитесь, что у вас есть действительный токен API Webflow

Перейдите на API Playground Webflow , войдите в систему и сгенерируйте токен, затем скопируйте токен из генератора запросов.
Замените YOUR_WEBFLOW_TOKEN в конфигурации клиента MCP на скопированный вами токен.
Сохраните и перезапустите клиент MCP.

Убедитесь, что у вас установлены Node и NPM.

Выполните следующие команды, чтобы убедиться, что у вас установлены Node и NPM:

node -v npm -v

Очистите кэш NPM

Иногда очистка кэша NPM может решить проблемы с npx .

npm cache clean --force

Исправление глобальных разрешений пакетов NPM

Если npm -v у вас не работает, а sudo npm -v работает, возможно, вам нужно исправить глобальные разрешения пакетов NPM. Для получения дополнительной информации см. официальную документацию NPM .

Примечание: если вы вносите изменения в конфигурацию оболочки, вам может потребоваться перезапустить оболочку, чтобы изменения вступили в силу.

🛠️ Доступные инструменты

Сайты

sites - list; // List all sites sites - get; // Get site details sites - publish; // Publish site changes

Страницы

pages - list; // List all pages pages - get - metadata; // Get page metadata pages - update - page - settings; // Update page settings pages - get - content; // Get page content pages - update - static - content; // Update page content

Компоненты

components - list // List all components in a site components - get - content // Get component content (text, images, nested components) components - update - content // Update component content for localization components - get - properties // Get component properties (default values) components - update - properties // Update component properties for localization

CMS

collections - list; // List collections collections - get; // Get collection details collections - create; // Create a collection collection - fields - create - static; // Create a static field collection - fields - create - option; // Create an option field collection - fields - create - reference; // Create a reference field collection - fields - update; // Update a custom field collections - items - create - item - live; // Create items collections - items - update - items - live; // Update items collections - items - list - items; // List collection items collections - items - create - item; // Create collection items (staged) collections - items - update - items; // Update collection items (staged) collections - items - publish - items; // Publish collection items

Пользовательский код

custom code - add - inline - site - script // Register an inline script for a site custom code - get - registered - site - script - list // List all scripts registered to a site custom code - get - applied - site - script - list //Get all scripts applied to a site custom code - delete site custom code // Remove scripts from a site

🗣️ Подсказки и ресурсы

Эта реализация не включает prompts или resources из спецификации MCP. Однако это может измениться в будущем, когда будет более широкая поддержка в популярных клиентах MCP.

🚧 Режим разработки

Если вы хотите запустить сервер в режиме разработки, вы можете установить зависимости и запустить сервер с помощью следующей команды:

Клонировать и установить:

git clone git@github.com:webflow/mcp-server.git cd mcp-server npm install

Добавьте свой токен в файл .env в корне проекта:

# .env WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>

Запустить сервер разработки:

npm start

📄 Ресурсы для разработчиков Webflow

⚠️ Известные ограничения

Обновления содержимого статической страницы

Конечная точка pages_update_static_content в настоящее время поддерживает только обновления локализованных статических страниц во вторичных локалях. Обновления статического контента в локали по умолчанию не поддерживаются и приведут к ошибкам.

Webflow