Сравнение сборки сайта через MCP: Webflow, Framer и Flexbe

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

Webflow, Wix и Flexbe поддерживают работу через MCP. Но одинаковая аббревиатура не означает одинаковый набор возможностей: у каждой платформы агент получает свои инструменты и работает с её устройством сайта.

Я работаю на flexbe. Для этого материала сравнил MCP-функионал трёх платформ.

Что меняет MCP

MCP связывает AI-клиент с инструментами другого сервиса. Агент может получить сведения о проекте и вызвать доступные действия: например, прочитать страницу, изменить содержимое или управлять публикацией.

Для пользователя это выглядит как диалог. За сообщением «измени заголовок» стоят конкретные операции с сайтом. Их доступность зависит от платформы, прав пользователя и выбранного клиента. Сам протокол не определяет качество дизайна и не гарантирует, что агент правильно поймёт просьбу.

Webflow: работа с сайтом и его системой дизайна

Webflow предлагает подключать внешних агентов к проектам через удалённый MCP-сервер. Доступ проходит через OAuth и учитывает права пользователя. Платформа описывает создание страниц, работу с CMS и редактирование нативных взаимодействий — например, анимаций по наведению или прокрутке.

Отдельная возможность — инструкции для агентов на уровне сайта. Они могут ссылаться на стили, компоненты и другие сущности проекта. Так правила работы доступны подключённому агенту вместе с контекстом сайта.

Для команды с существующим Webflow-проектом это повод проверить автоматизацию прямо в своей системе дизайна. Переносить сайт на другую платформу ради самого наличия MCP необязательно. Источники: описание возможностей и устройство интеграции.

Wix: инструменты платформы и бизнес-операции

В документации Wix MCP описаны поиск по документации, подготовка кода, вызовы API и управление сайтами. Среди примеров — изменение скидок в магазине, работа с сотрудниками сервиса бронирований, создание и публикация сайта.

Здесь важно выбрать нужный сценарий: обычный сайт, headless-проект или приложение. Документация предлагает примеры заданий для разных направлений разработки. Поэтому наличие MCP стоит проверять применительно к конкретной задаче, а не понимать как обещание любой правки в визуальном редакторе.

Есть и похожее название — Wix Site MCP. Оно относится к подключению агентов посетителей к отдельному сайту. Это другой сценарий. Источник: документация Wix MCP.

Flexbe: работа через чат и визуальный редактор

Сильная сторона flexbe — возможность работать над одним сайтом через AI-агента и визуальный редактор. Можно поручить агенту собрать страницу по брифу, затем уточнять результат в диалоге: «Перенеси портфолио выше», «Добавь форму заявки», «Сделай отступы между карточками меньше». А отдельные детали довести вручную в конструкторе.

При сборке достаточно указать: «Используй обычные редактируемые секции и элементы flexbe». Тексты, фотографии, кнопки и формы останутся элементами редактора. Для студии это удобный способ передать проект заказчику: он сможет обновлять содержимое вручную, а специалист — возвращаться к работе через агента.

Подключение пригодится и для уже работающего сайта. Агент может прочитать существующую страницу, изменить нужные элементы или скопировать её под новую услугу. Обсуждать такие задачи можно в привычном Claude, Cursor или Codex, передавая агенту материалы и уточнения в том же чате.

Работа через MCP охватывает и повседневные задачи после запуска: обновить SEO-заголовок, изменить цену товара, добавить вариант или посмотреть новые заявки. Получается связный процесс: создать страницу, доработать её и дальше поддерживать сайт через агента. Полный список возможностей и примеры заданий — в документации Flexbe MCP.

Как сравнивать на своей задаче

Я бы взял одинаковый бриф и проверил четыре вещи:

  1. Может ли агент выполнить нужное действие на существующем сайте?
  2. Можно ли посмотреть результат до применения изменений?
  3. Какие части страницы потом доступны в визуальном редакторе?
  4. Сколько ручных исправлений потребовалось до готового результата?

Для первого задания достаточно небольшой правки:

На тестовой странице перенеси портфолио выше этапов работы и замени заголовок на приложенный текст. Остальное сохрани. Сначала прочитай актуальную страницу и объясни, какие изменения применятся сразу. Для этих действий дождись моего подтверждения. Если доступно отдельное сохранение оформления, сохрани его для просмотра и пришли превью. Не публикуй оформление без подтверждения.

После выполнения проверьте страницу на компьютере и телефоне, затем откройте её в редакторе. Попробуйте самостоятельно поменять текст или изображение. Так можно оценить весь процесс, включая следующую правку и передачу проекта человеку.

В стоимость такого процесса входят тариф платформы, условия внешнего AI-клиента и время специалиста на проверку. Если агент быстро собрал страницу, а доводка заняла вечер, это тоже нужно учитывать.

Для уже работающего сайта начать разумно с инструментов своей платформы. Для нового проекта — с того, кто будет обслуживать его после запуска и какие задачи ему придётся решать.

Что вы бы первым поручили агенту на своём сайте: правки страницы, обновление каталога или работу с заявками?

11