Skip to main content
Glama
Sign In
deenesjakoruzh

Webflow

Official
by webflow
npmGitHub
JavaScript
MIT License
208
28
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Integrations

  • Enables interaction with Webflow APIs, providing tools for managing sites (listing, retrieving details, publishing), pages (listing, getting metadata, updating settings and content), and CMS collections (listing collections, creating and updating collection items).

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

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

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

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

Для курсора:

  1. Перейдите в Settings → Cursor Settings → MCP
  2. Нажмите + Add New Global MCP Server
  3. Вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)
{ "mcpServers": { "webflow": { "command": "npx mcp-remote https://mcp.webflow.com/sse" } } }
  1. Сохраните, и курсор автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

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

  1. Откройте Settings → Developer
  2. Нажмите Edit Config
  3. Откройте claude_desktop_config.json в редакторе кода и вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)
{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }
  1. Сохраните файл и перезапустите Claude Desktop (command/ctrl + R). Когда Claude перезапустится, он автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

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

  1. Перейдите в раздел Windsurf - Settings → Advanced Settings
  2. Прокрутите вниз до раздела Cascade → Add Server → Add custom server +
  3. Вставьте следующую конфигурацию (или добавьте часть webflow в существующую конфигурацию)
{ "mcpServers": { "webflow": { "command": "npx", "args": ["mcp-remote", "https://mcp.webflow.com/sse"] } } }
  1. Нажмите Save , и Windsurf автоматически откроет новое окно браузера со страницей входа OAuth для авторизации сайтов Webflow, к которым вы хотите предоставить доступ серверу MCP.

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

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

rm -rf ~/.mcp-auth

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

  1. Получите свой токен API Webflow
  • Перейти на API Playground Webflow
  • Войдите в систему и сгенерируйте токен
  • Скопируйте токен из генератора запросов
  1. Добавьте в свой редактор ИИ
{ "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@0.4.1"], "env": { "WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>" } } } }

Для курсора:

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

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

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

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

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

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

  1. Перейдите на API Playground Webflow , войдите в систему и сгенерируйте токен, затем скопируйте токен из генератора запросов.
  2. Замените YOUR_WEBFLOW_TOKEN в конфигурации клиента MCP на скопированный вами токен.
  3. Сохраните и перезапустите клиент 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

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

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

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

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

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

  1. Клонировать и установить:
git clone git@github.com:webflow/mcp-server.git cd mcp-server npm install
  1. Добавьте свой токен в файл .env в корне проекта:
# .env WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>
  1. Запустить сервер разработки:
npm start

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

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

View all tools

Взаимодействуйте с сайтами, страницами и коллекциями Webflow.

  1. ℹ Предварительные условия
    1. ▶️ Быстрый старт (размещено на рабочих серверах Cloudflare)
      1. ▶️ Быстрый старт (локальная установка)
        1. ❓ Устранение неполадок
          1. Убедитесь, что у вас есть действительный токен API Webflow
          2. Убедитесь, что у вас установлены Node и NPM.
          3. Очистите кэш NPM
          4. Исправление глобальных разрешений пакетов NPM
        2. 🛠️ Доступные инструменты
          1. Сайты
          2. Страницы
          3. CMS
        3. 🗣️ Подсказки и ресурсы
          1. 🚧 Режим разработки
            1. 📄 Ресурсы для разработчиков Webflow

          Related Resources

          Related MCP Servers

          • Puppeteer MCP Server

            merajmehrabi
            A
            security
            A
            license
            A
            quality
            Enables browser automation with Puppeteer, supporting navigation, form interactions, and connection to active Chrome instances for comprehensive web page interaction.
            Last updated -
            8
            470
            8
            TypeScript
            MIT License
            • Apple
            • Linux

          • Webflow MCP Server

            kapilduraphe
            A
            security
            A
            license
            A
            quality
            Enables Claude to interact with Webflow's APIs for managing sites, retrieving information, and executing tasks using natural language.
            Last updated -
            2
            4
            TypeScript
            MIT License
            • Apple
            • Linux

          • Wordware MCP Server

            hugobiais
            -
            security
            A
            license
            -
            quality
            A Model Context Protocol server implementation that integrates Wordware flows as tools directly within Claude conversations, supporting features like founder research, lead enrichment, Notion integration, and task solving with Google search.
            Last updated -
            50
            JavaScript
            MIT License
            • Apple

          • AWS CodePipeline MCP Server

            cuongdev
            -
            security
            F
            license
            -
            quality
            A Model Context Protocol server that integrates with AWS CodePipeline, allowing users to manage pipelines through Windsurf and Cascade using natural language commands.
            Last updated -
            4
            TypeScript

          View all related MCP servers

          Appeared in Searches

          New MCP Servers

          ID: qau6rnloio