Webflow MCP Server
Официальный MCP-сервер Webflow: CMS, страницы и элементы сайта в Designer через Data API
Установка
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}После сохранения Cursor откроет страницу входа OAuth.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер дает агенту доступ к сайтам Webflow через Data API и JavaScript SDK. Агент может разбирать и править записи CMS, например посты блога, работать со страницами и создавать элементы прямо на холсте. Для правок в Designer нужно открыть приложение Webflow MCP Bridge App, которое связывает холст с агентом. Удаленный вариант подключается по OAuth, локальный запускается через npx с токеном.
Для кого. Для дизайнеров, контент-менеджеров и разработчиков, которые ведут сайты на Webflow.
Подходит, если
- Нужно массово обновить записи CMS или проставить внутренние ссылки
- Нужно собрать секцию страницы по текстовому описанию
- Хочется проанализировать контент блога и получить идеи тем
Не подходит, если
- Сайт не на Webflow
- Нет прав на установку приложения в воркспейсе, а удаленный вариант не подходит
Пример запроса к агенту
Найди старые посты блога на похожие темы и добавь из них внутренние ссылки в последний постОграничения
Нужен аккаунт Webflow и Node.js 22.3 или новее. Для локального режима придется зарегистрировать и опубликовать собственное Bridge App с правами администратора воркспейса. Обновление статического контента страниц работает только для дополнительных локалей. Доступность Webflow из России без VPN не проверена.
Как отключить. Удалите блок webflow из конфигурации MCP клиента. Сохраненный OAuth-токен лежит в папке ~/.mcp-auth, доступ сайтов можно отозвать в настройках Webflow.
MCP
- Транспорт
- sse, stdio
- Авторизация
- OAuth
| Переменные окружения | |
|---|---|
| WEBFLOW_TOKEN секрет | Токен Data API, нужен только для локального запуска |
Проверка безопасности
- Меняет контент и страницы опубликованных сайтов
- Использует OAuth-доступ или токен к сайтам воркспейса
Коротко о README
README делит установку на удаленную и локальную. Для удаленной приведены конфигурации Cursor с адресом сервера и Claude Desktop через mcp-remote, после чего открывается вход OAuth. Локальная требует зарегистрировать приложение, собрать и опубликовать Bridge App, а затем запускать пакет webflow-mcp-server с токеном. Есть раздел про типичные проблемы с Node и npm, лицензия MIT.
Частые вопросы
Зачем Bridge App?
Приложение внутри Designer связывает открытый холст с MCP-сервером, без него агент не видит и не меняет элементы на странице.
Чем локальный режим отличается от удаленного?
Удаленный работает через OAuth и готовое приложение Webflow. Локальный запускается через npx с токеном WEBFLOW_TOKEN и требует опубликовать свое Bridge App.
Похожие
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой