Создание сайта с ИИ в Webflow: от запроса до публикации

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

После обновления от 5 февраля 2026 года Webflow включил в процесс создания сайта многостраничную структуру, стили, анимацию и базовую дизайн-систему. Конструктор доступен на всех тарифах, включая Enterprise, через New site в Dashboard. Доступ к нему не отменяет ограничения вашего тарифа на число страниц. Анонс обновления Webflow.

Какой инструмент Webflow AI выбрать для своей задачи

Webflow AI удобно представить как мастерскую с разными инструментами. Конструктор сайтов создаёт исходную структуру. Инструменты внутри редактора помогают доработать отдельные части. А MCP, или Model Context Protocol, позволяет внешнему ИИ-ассистенту работать с инструментами вашего сайта в Webflow.

Это разные способы начать работу, хотя Webflow и объединяет встроенные функции под названием Webflow AI. Обзор ИИ-функций, условия использования конструктора, обзор MCP.

Как включить Webflow AI в настройках Workspace

Пользователь с ролью Workspace Owner или Admin должен открыть нужное рабочее пространство, перейти в Workspace settings → General и включить Enable Webflow AI. На Enterprise доступ к разрешению Use Webflow AI также можно регулировать через настраиваемые роли. Если сотрудник не видит нужную функцию, проверьте и переключатель в Workspace, и его роль. Инструкция Webflow для администраторов.

Генерация сайта, дизайн секций и контекстные подсказки не расходуют кредиты Webflow AI. Работа с текстами, генерация элементов CMS, создание кодовых компонентов с ИИ и задачи ИИ для SEO расходуют их. Кредиты общие для всего Workspace, а расход зависит от задачи. На странице тарифов Webflow сейчас указан дополнительный пакет: 2,000 кредитов в месяц за $20 в месяц при годовой оплате. Правила расходования кредитов, тарифы Webflow.

Создание сайта с ИИ: от запроса до публикации трёх страниц

Возьмём небольшой бизнес в сфере услуг с одной понятной целью: получить обращение от потенциального клиента. Наш пример — Cedar Studio, вымышленная студия бренд-дизайна, которой нужны заявки на проекты. На сайте будут главная страница, «Услуги» и «Контакты».

Это пошаговое руководство по документации, а не результат практического тестирования. Для статьи не публиковали тестовый сайт в Webflow. Перечисленные ниже ручные правки — рекомендации по проверке, а не обнаруженные при тестировании недостатки.

1. Заранее выберите тариф для трёх страниц

Платный Workspace позволяет сразу сгенерировать все три страницы. Если Workspace бесплатный и платного тарифа Site нет, начните с главной и «Контактов». После генерации подключите платный тариф Site и создайте «Услуги» с помощью ИИ-генерации страниц на панели Pages. При первоначальной генерации платный тариф позволяет создать до пяти страниц, без него — две. Автоматически созданная страница руководства по стилю в этот лимит из двух страниц не входит. Для запуска такого сайта-визитки на собственном домене достаточно Basic. Ограничения конструктора, возможности тарифов Site.

2. Опишите бизнес и задачу сайта

Нажмите New site, выберите AI Site Builder и введите запрос, например такой:

Создай сайт для Cedar Studio — небольшой студии бренд-дизайна, которая работает с независимыми компаниями индустрии гостеприимства. Цель сайта — получать заявки на проекты. Нужны три страницы: главная, «Услуги» и «Контакты». На главной объясни предложение и представь этапы работы. На странице «Услуги» расскажи о стратегии бренда, визуальной айдентике и дизайне сайтов. На странице «Контакты» предложи описать будущий проект. Используй тёплые нейтральные цвета, тёмный хорошо читаемый текст и сдержанную анимацию. Не выдумывай клиентов, отзывы, награды, цены и результаты. Основной призыв к действию — «Обсудить проект».

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

3. Утвердите структуру до генерации дизайна

Сгенерируйте предварительную структуру, удалите ненужные страницы и расставьте секции. Если начали с бесплатного Workspace, добавьте «Услуги» после перехода на платный тариф. У каждой страницы должна быть ясная задача:

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

4. Превратите заготовку в сайт своего бизнеса

Относитесь к сгенерированному сайту как к черновику. Если результат не соответствует задаче, внесите следующие правки вручную:

Самое сложное нередко — решить, что бизнес действительно может обещать клиентам. Красивая заглушка этого за вас не решит.

5. Проверьте данные для поиска и доступность

Откройте панель Audit и проверьте весь сайт. Она помогает обнаружить отсутствующие описания изображений, заголовки страниц, описания для поиска и разметку schema — структурированные сведения о странице. Предложения ИИ всё равно нужно сверять с реальными данными бизнеса. Альтернативные описания изображений внутри компонентов, лайтбоксов и CMS проверяйте отдельно вручную: панель Audit их не охватывает. Инструкция и ограничения Audit.

Для Cedar Studio полезный результат — точная информация о страницах и удобный путь к отправке заявки. Не добавляйте услуги, географию работы или рейтинги только ради заполнения сгенерированного поля.

6. Сначала опубликуйте на тестовом адресе, затем на своём домене

Откройте Publish, выберите только тестовый адрес webflow.io и опубликуйте сайт на нём. Посмотрите главную, «Услуги» и «Контакты» глазами посетителя и снова отправьте тестовую заявку. Исправьте всё, что не работает, и обновите публикацию на тестовом адресе.

Для публичного запуска подключите свой домен в Site settings, подтвердите владение и выберите его в меню публикации. Опубликуйте сайт, затем ещё раз проверьте три адреса страниц и форму. Для этого нужны соответствующие права на публикацию. Руководство Webflow по публикации.

Для бизнеса меняется последовательность работы. При ручной сборке нужно сначала подготовить структуру, стили и контент страниц, чтобы оценить сайт целиком. Генерация позволяет сделать это раньше. При планировании заложите двухчасовой рабочий блок на описание задачи, черновик и проверки; утверждённые тексты и материалы должны быть готовы заранее. Это рекомендация по организации работы, а не замер времени выполнения. Проблемы с интеграциями или правки фирменного стиля могут потребовать больше времени.

Как использовать Assistant для отдельных задач в редакторе

Лучше всего работают запросы с узкой задачей и понятным критерием готовности.

Чтобы получить подсказку, откройте Assistant на верхней панели и задайте конкретный вопрос о Webflow. В этом режиме ответы строятся на материалах Help Center. Сейчас он поддерживает английский язык и допускает 100 вопросов за 31 день. Воспринимайте ответ как рекомендацию, которую нужно проверить. Руководство по контекстным подсказкам.

Чтобы добавить секцию, перетащите её с панели Add на рабочее поле и откройте для неё инструменты Assistant. Подберите подходящий макет, выберите сгенерированный дизайн и оцените его прямо на странице. Инструмент может использовать ваши классы и переменные — именованные стили и общие значения, которые обеспечивают единообразие дизайна, — а также создавать новые классы. Изменять существующие классы он не умеет. В актуальной документации Webflow генерация дизайна секций по-прежнему обозначена как публичная бета-версия и доступна только для некоторых бесплатных шаблонов и сайтов, созданных ИИ-конструктором. В результат не входят изображения, компоненты и динамический контент. Руководство по дизайну секций.

Чтобы изменить текст, дизайнер может нажать правой кнопкой мыши на поддерживаемый текстовый элемент и выбрать Modify copy. Попробуйте запрос: «Сократи этот абзац, сохранив описание того, что получит клиент, и не добавляя новых утверждений». Прежде чем принять результат, проверьте все изменения, затрагивающие факты. Для этой функции нужен платный тариф Site или Workspace. Инструменты работы с текстом.

По мере развития сайта могут пригодиться ещё две функции. На тарифе Site с доступом к CMS ИИ может генерировать примеры элементов CMS Collection — записей в структурированном списке контента. Кроме того, через Assistant можно создавать многократно используемые кодовые компоненты, например калькуляторы. Для работы с ними нужна роль Designer или Site Manager; для публикации действуют дополнительные требования к тарифам Site и Workspace. Такие компоненты не предоставляют базы данных, аутентификацию или управление секретными ключами. Не включайте их в базовый процесс создания сайта-визитки, если проект в них не нуждается. Условия работы с CMS, требования к кодовым компонентам.

Когда стоит подключить Claude к работе над всем сайтом

MCP полезен, когда задача затрагивает несколько страниц или записей контента. Согласно документации Webflow, он поддерживает редактирование страниц и макетов, работу со стилями и компонентами, управление CMS и публикацию. Доступен на любом тарифе Site, включая Starter; пользователи с ролью Reviewer подключиться не могут. Возможности MCP.

Чтобы подключить Claude, откройте сессию Chat или Code, через меню с плюсом добавьте коннектор, найдите Webflow и подключите его. Пройдите авторизацию Webflow, выберите нужный сайт и вернитесь в Claude. По умолчанию Claude запрашивает одобрение перед выполнением действий. Инструкция Webflow по подключению Claude.

Для нашего примера можно начать с такого запроса:

Прочитай инструкции этого сайта, затем проверь главную, «Услуги» и «Контакты». Перечисли расхождения в названиях услуг и призывах к действию. Предложи точные замены, опираясь на утверждённые формулировки ниже. Покажи предлагаемые изменения до редактирования, а публикацию оставь мне.

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

Большинство действий через MCP теперь можно выполнять без открытой сессии Webflow. Для действий, связанных с выделенным на рабочем поле элементом, по-прежнему требуется MCP Bridge App. При обычной работе через MCP используются тариф или кредиты внешнего ИИ-инструмента, а не кредиты Webflow AI. Текущий порядок работы MCP и ограничения.

Шесть сценариев по убыванию практической пользы

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

В основе этих сценариев — описанные в документации Webflow инструменты для секций, панель Audit и действия через MCP. Получите ли вы ожидаемую пользу, зависит от того, как организована проверка результатов.

Две услуги, которые можно построить на этой основе

Спрос есть и на создание сайтов, и на помощь в работе с ними. По оценкам DataForSEO для англоязычного поиска в США, полученным 22 октября 2026 года, запрос «ai website builder» ищут 33,100 раз в месяц. Это интерес к категории в целом, а не спрос на ещё один универсальный генератор.

Самый перспективный вариант: запуск сайта и передача клиенту

Создайте повторяемую услугу для основателей бизнеса, которым нужен редактируемый сайт на Webflow с утверждённым контентом и проверенным путём к отправке заявки. По оценке DataForSEO, «webflow agency» ищут в США 480 раз в месяц. Это показатель интереса к покупке услуг, но он не говорит, сколько пользователей ищут именно такой пакет.

Минимальный вариант, который уже можно продавать, — работа с одной бизнес-нишей, структурированный бриф на входе, три готовые страницы и видеозапись с инструкцией по редактированию при передаче сайта. Агентство может использовать ИИ для черновика, сохраняя за собой ответственность за точность контента, решения по фирменному стилю и проверки перед запуском.

Сложность: конкурентам легко сгенерировать похожий черновик. Устойчивое преимущество дают знание ниши, согласование материалов и ответственность за качественную передачу сайта. Прежде чем строить на этой основе многократно используемую систему для агентства, также проверьте ограничения Webflow на предоставление доступа к Libraries из сайтов, созданных ИИ-конструктором. Ограничения конструктора.

Второй вариант: обслуживание от аудита до исправлений

Создайте услугу, которая проведёт владельца сайта от выявленных недочётов до проверенных исправлений. По оценке DataForSEO, «website seo audit» ищут в США 320 раз в месяц. Это сигнал более широкого рынка, а не число потенциальных покупателей услуг именно для Webflow.

Первая версия услуги может объединять аудит Webflow, список предлагаемых исправлений и публикацию после проверки. MCP можно использовать для обновлений контента в заданных пределах, а проверку утверждений о бизнесе и готовых страниц поручить человеку. Продавайте доведение согласованной работы до результата и ответственность за неё.

Сложность: заполненное описание не гарантирует позиций в поиске, а автоматические проверки охватывают не всё. Даже собственная панель Audit в Webflow пропускает изображения в некоторых местах. Полезная услуга должна закрывать эти пробелы и не обещать результатов в поисковой выдаче. Что охватывает Audit.

Где заканчиваются возможности Webflow AI

Выбирайте конструктор, если вам нужна основа для нового сайта на Webflow и вы готовы вложиться в её доработку. Для уже существующего сайта с индивидуальным дизайном начните с доступных инструментов редактора или MCP. Ни один из вариантов не даёт агенту неограниченного контроля: MCP пока поддерживает не все настройки элементов и привязки к CMS, а генерация секций не умеет переписывать существующие классы. Ограничения MCP, ограничения Assistant.

Не закладывайте App Gen в основу нового проекта: Webflow приостановил его разработку и сообщает о планах вывести функцию из эксплуатации. Актуальный обзор ИИ-функций.

Если ещё выбираете платформу, сравните варианты в статье Webflow и Framer, изучите работу с ИИ в Framer AI, а для более широкого выбора откройте сравнение конструкторов сайтов с ИИ.

Webflow — это ИИ-инструмент?

Webflow — платформа для создания сайтов со встроенными ИИ-инструментами. Конструктор генерирует исходную версию сайта; другие функции помогают с текстами, секциями, контентом и текущей работой. MCP подключает внешнего ассистента к сайту, доступ к которому вы разрешили. Обзор Webflow AI.

Можно ли создать сайт с помощью ИИ?

Да. Конструктор Webflow генерирует по описанию сайт, который можно редактировать. При этом вам всё равно нужны утверждённые сведения о бизнесе, работающие ссылки и формы, а также проверка публикации. Описанный выше пример с тремя страницами показывает порядок работы по документации. Конструктор Webflow.

Можно ли пользоваться Webflow бесплатно?

Есть бесплатный тариф Starter с доступом к Webflow AI и MCP, но он ограничен двумя статическими страницами. Для примера с тремя страницами на собственном домене нужен платный тариф Site. Дополнительные кредиты ИИ приобретаются отдельно по желанию. Тарифы Webflow.

С чего начать в понедельник: соберите утверждённое предложение для клиентов, реальные изображения и адрес для получения заявок. Подготовьте черновики главной, «Услуг» и «Контактов», затем до публичного запуска пройдите на тестовом сайте весь путь до отправки заявки и убедитесь, что он работает.

Если хотите выстроить такой процесс для своего бизнеса, мы поможем определить задачи сайта и автоматизации.