Skip to main content
Glama
deenesjakoruzh

Webflow

Official
by webflow
npmGitHub
TypeScript
MIT License
299
76
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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

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

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

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

▶️ Быстрый старт (размещено на рабочих серверах 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

  • Войдите в систему и сгенерируйте токен

  • Скопируйте токен из генератора запросов Получить API-токен

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

{ "mcpServers": { "webflow": { "command": "npx", "args": ["-y", "webflow-mcp-server@0.5.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

Компоненты

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.

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

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

  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

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

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

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

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

How are these scores calculated?

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. Компоненты
          4. CMS
          5. Пользовательский код
        3. 🗣️ Подсказки и ресурсы
          1. 🚧 Режим разработки
            1. 📄 Ресурсы для разработчиков Webflow
            2. ⚠️ Известные ограничения

          Related Resources

          Related MCP Servers

          • mcp-twikit

            adhikasp
            -
            security
            A
            license
            -
            quality
            Interact with Twitter search and timeline
            Last updated -
            205
            MIT License

          • 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 -
            299
            20
            MIT License
            • Apple
            • Linux

          • Confluence Communication Server

            KS-GEN-AI
            A
            security
            A
            license
            A
            quality
            Enables querying and retrieving content from Confluence through CQL searches and page content fetching, allowing Claude to seamlessly access information stored in Confluence workspaces.
            Last updated -
            3
            12
            MIT License
            • Apple

          • Webflow MCP Server

            TimKJones
            -
            security
            A
            license
            -
            quality
            Enables Claude to interact with Webflow's APIs, allowing access to site information, collections, and other Webflow resources.
            Last updated -
            299
            MIT License
            • Apple

          View all related MCP servers

          Appeared in Searches

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/webflow/mcp-server'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server