ИИ-конструкторы сайтов: bolt, Lovable, v0, Tilda AI и вопросы к любому из них
Зачем:Вы описываете сайт словами, и через минуту он собран. После урока вы понимаете, чем отличаются виды ИИ-конструкторов (код, блоки, приложение с базой), умеете измерить то, что они выдали, знаете семь вопросов, которые стоит задать любому из них, и составляете свой первый запрос по брифу. Названия и возможности датированы октябрём 2026 года: рынок меняется за месяцы.
25 минут
Озвучено синтезом речи (Qwen3-TTS), голос не принадлежит человеку.
ИИ-конструктор сайта — сервис, который по описанию словами собирает сайт: кодом, из готовых блоков или целым приложением с базой данных.
Опишите сайт, получите сайт
С 2023 и 2024 годов появился новый способ сделать сайт: открыть страницу, написать словами «лендинг для частного специалиста, три услуги, форма заявки, спокойный тон» и через минуту увидеть работающий сайт. Такие инструменты называют ИИ-конструкторами. Внутри у них большая языковая модель: она пишет код или собирает страницу из блоков, а вам остаётся смотреть и просить поправить.
Честная оговорка прежде всего: эта область меняется быстрее любой другой в учебнике. Всё названное ниже верно на октябрь 2026 года и взято со страниц самих продуктов, где они что-то об этом сообщают. Через полгода названия, цены и возможности будут другими. Поэтому важнее названий вопросы, которые вы научитесь задавать, и привычка проверять то, что выдано.
Три вида
Конструкторы различаются по тому, что вы получаете на выходе. Это и есть главное отличие, остальное вторично.
Код по запросу. Вы пишете, а инструмент создаёт файлы проекта. Пример: bolt.new (его делает StackBlitz; по описанию авторов, проект собирается и запускается прямо в браузере). Получается набор файлов, который можно забрать и выложить куда угодно, если вы умеете его читать и проверять. Свобода большая, и ответственность тоже.
Интерфейс из описания. v0 от Vercel по описанию создаёт страницы и интерфейсы с настоящим кодом (современный JavaScript), может подключаться к данным и выкладывается на платформу Vercel одним нажатием, в том числе после проверки изменений через запрос на слияние. Сильная сторона: аккуратные интерфейсы, слабая: он тесно связан с экосистемой своей платформы.
Генератор приложения. Lovable называет себя полной платформой для разработки: из описания получается приложение с интерфейсом, серверной частью, базой данных и входом пользователей, а код синхронизируется с GitHub, GitLab или Bitbucket. Это самый «взрослый» вид: он делает не страницу, а систему. И самый рискованный: база и вход обычно подключены у стороннего сервиса.
Блоки и шаблоны с ИИ. В Tilda ИИ собирает страницу целиком (структуру, подбор блоков, цвета и картинки), пишет тексты и по запросу делает отдельный блок («Вайб-блок», от калькулятора до анимации). Всё это живёт среди готовых блоков Tilda (как устроен сам конструктор, вы видели в уроке о Tilda и 1С-Битрикс) и подчиняется её глобальным стилям. Публикация, домен и формы настраиваются в интерфейсе платформы. Подобные возможности добавляют и другие конструкторы российского рынка (uCoz, InSales и другие); по обзорам 2026 года, ИИ в них больше помогает с черновыми текстами, а исходный код сайта часто отдаётся только на старшем тарифе.
Это не рейтинг, и «лучшего» тут нет: для визитки с формой блочный конструктор часто разумнее, чем генератор приложения, а для небольшого сервиса с входом наоборот.
Проверьте себя: чем главным образом различаются виды ИИ-конструкторов?
Тем, что получаете на выходе: код, интерфейс, целое приложение с базой или страницу из блоков. От этого зависит, можете ли вы уйти и сможете ли проверить результат.
Что выходит на самом деле
Лучше один раз увидеть выдачу, чем прочитать про неё десять статей. Схема ниже берёт ваш бриф и строит по нему три страницы, каждая по привычкам одного из видов. Страницы написаны для урока и не являются выдачей настоящих сервисов. Но числа в таблице под ними посчитаны браузером по самой разметке: заголовки, смысловые части, картинки без alt, «кнопки» из div, поля без подписи, скрипты, чужие серверы. Так же можно измерить любую страницу, которую вы получите от настоящего инструмента.
Важно. Эти три страницы написаны для урока по типичным приметам трёх видов инструментов. Это не выдача какого-либо настоящего сервиса: настоящие выдачи другие и меняются каждый месяц. Но числа в таблице посчитаны по-настоящему, и так же можно измерить любую страницу, которую вы получите.
так обычно устроены генераторы кода по описанию. Цена: платите за вычисления: каждая правка тратит кредиты, итоговая цена заранее неизвестна. Выход: код можно забрать в репозиторий и держать где угодно.
<div class="min-h-screen bg-gradient-to-br from-indigo-600 to-purple-700 text-white">
<div class="container mx-auto px-6 py-24 text-center">
<h1 class="text-6xl font-bold">Мой проект: инновационные решения</h1>
<p class="mt-6 text-xl">Что делает проект</p>
<div class="mt-10 rounded-full bg-white px-8 py-4 text-indigo-700 shadow-2xl" onclick="start()">Get Started</div>
</div>
<div class="grid grid-cols-3 gap-8 px-6 pb-24">
<div class="rounded-2xl bg-white/10 p-8 shadow-xl"><span>🚀</span><h3>Качество</h3><p>Надёжный партнёр для вашего бизнеса</p></div>
<div class="rounded-2xl bg-white/10 p-8 shadow-xl"><span>⚡</span><h3>Скорость</h3><p>Индивидуальный подход к каждому</p></div>
<div class="rounded-2xl bg-white/10 p-8 shadow-xl"><span>💎</span><h3>Инновации</h3><p>Нам доверяют 10 000+ клиентов</p></div>
</div>
<img src="https://images.example-stock.com/team.jpg">
<script src="https://cdn.example-cdn.com/tailwind.js"></script>
<script>function start(){location.href='#contact'}</script>
</div> | Признак | Тип А | Тип Б | Тип В |
|---|---|---|---|
| Заголовок первого уровня (h1) | |||
| Смысловые части страницы (header, nav, main, footer), из четырёх | |||
| Картинки без alt | |||
| Кнопки, сделанные из div и span | |||
| Поля формы без подписи | |||
| Скриптов | |||
| Чужих серверов (где лежат скрипты и картинки) | |||
| Элементов на странице | |||
| Размер разметки, байт |
Вывод стоит сделать самому: ни один вид не победил по всем строкам. Блочный конструктор чище по разметке, но менее свободен. Код по запросу свободен, но приносит чужие скрипты и «кнопки» из div. Приложение мощнее всех и тянет за собой базу, о которой надо думать отдельно.
Посмотрите, чему это учит. Ни один из трёх не выиграл по всем строкам. Блочная страница чище, но менее свободна. Страница «кодом по запросу» несёт чужие скрипты, «кнопки» из div (до них не добраться клавишей Tab) и английский призыв: это те самые «приметы страницы, сделанной ИИ» из урока о приметах шаблонной страницы. Страница-приложение мощнее, и она подключает базу, о которой нужно думать отдельно.
Проверьте себя: почему «кнопка» из div с обработчиком клика плоха, хотя на глаз выглядит как кнопка?
До неё нельзя добраться клавишей Tab, её не нажать с клавиатуры и программа чтения с экрана не объявит её как кнопку. Настоящий элемент button даёт всё это без дополнительной работы.
Семь вопросов к любому конструктору
Список названий устареет, а эти вопросы нет. Задайте их до того, как построите на инструменте что-то важное. Часть из них вы уже задавали обычным конструкторам в уроке о Tilda и 1С-Битрикс, когда считали цену за год и продумывали выход.
- Что на выходе? Код, блоки или приложение?
- Можно ли забрать всё целиком: код, содержимое, базу, и без доплаты?
- Где хранятся данные посетителей, в какой стране, у кого?
- Что будет, если я перестану платить? Остаётся ли сайт, домен, данные?
- Чей домен? Куплен ли он на вас и можно ли его перенести?
- Сколько стоит одна правка? Многие инструменты берут плату за каждое обращение к модели, и счёт растёт непредсказуемо.
- Что по умолчанию с доступностью и скоростью? Измерьте, как в схеме выше, а не поверьте обещанию.
Россия: что проверить отдельно
Для российского проекта к этим вопросам добавляются свои.
- Доступность и оплата. Зарубежный сервис может быть недоступен или медленен из России, а оплатить его российской картой бывает трудно. Проверьте до того, как строить на нём проект.
- Данные посетителей. Если конструктор сам подключает базу и вход (особенно вид «приложение»), выясните, где она физически стоит. Первичная запись персональных данных россиян должна быть в российской базе (урок о копиях, мониторинге и российских требованиях к данным), и тогда приёмник заявок придётся вынести в российский сервис.
- Платёжные и мессенджерные сервисы. Подключайте те, что работают в России: у блочных конструкторов российского рынка они обычно готовы.
- Модели. Для текстов и генерации в российском контуре есть YandexGPT и GigaChat (о них в уроке про собственный конвейер).
Где уместно, а где нет
Хорошо подходят: лендинг, визитка, прототип, внутренняя страница, одноразовая страница к событию. Плохо: проект с платежами и персональными данными без человека, который проверит результат; сайт с уникальной фирменной манерой; всё, где ошибка стоит денег или доверия. Эту границу вы проведёте на следующем уроке.
Практика
Составьте запись о первом запуске ИИ-конструктора. Сначала напишите первый запрос: возьмите из брифа все поля (кто, для кого, главное действие, разделы, что предлагаете), выразите тон словами и добавьте, чего делать нельзя. Потом скажите, какой вид или конструктор выберете для вашего проекта и почему.
Если вы готовы завести аккаунт, попробуйте настоящий конструктор (у большинства есть бесплатный пробный режим), вставьте свой запрос и запишите три удачи и три исправления. Если нет, разберите так три страницы из схемы: найдите, что получилось хорошо, и что пришлось бы чинить. Проверка читает вашу запись, а не конструктор: вашему браузеру ничего не отправляется, и учебник не знает, что вы делали снаружи.
Что было не так с 2025 годом
В 2025 году такие инструменты были новостью, и многие принимали выдачу как есть: страница появлялась за минуту, и её почти никто не читал. Из-за этого в интернете стало много однотипных страниц с фиолетовым градиентом, выдуманными цифрами и ключом прямо в коде. Выяснилось и другое: скорость создания перестала быть редкостью, а редкостью стали проверка, конкретность и ответственность за результат. Этому посвящена остальная часть: что такое вайб-кодинг, как писать задания и как проверять выдачу.
Практика
Готовлю вашу страницу…
Тест
Вопрос 1 из 5
Карточки
Эти карточки попадут в повторение, когда вы завершите урок.
Какие бывают ИИ-конструкторы?
Ответ
Код по запросу (bolt.new), интерфейс из описания (v0), генератор приложения с базой и входом (Lovable), блочные конструкторы с ИИ (Tilda AI и другие). Различаются тем, что на выходе: код, блоки или приложение.
Какие вопросы задать любому конструктору?
Ответ
Что на выходе? Можно ли забрать целиком? Где данные и в какой стране? Что станет с сайтом без оплаты? Кто хозяин домена? Сколько стоит одна правка? Что с доступностью и скоростью по умолчанию?
Как измерить страницу, которую выдал ИИ?
Ответ
Посчитать: один ли h1, есть ли header, nav, main, footer, сколько картинок без alt, есть ли кнопки из div, поля без подписи, сколько скриптов и чужих серверов, сколько элементов и байтов.
Почему названия в таких уроках устаревают?
Ответ
Инструменты и цены меняются за месяцы. Устойчивое знание: вопросы, которые вы задаёте, и приёмы проверки результата.
Источники
- bolt.new: AI builder for websites, apps and prototypes только ссылка, по-английски
- v0 by Vercel: документация только ссылка, по-английски
- Lovable: документация только ссылка, по-английски
- Tilda: создать сайт с помощью ИИ только ссылка, по-русски
- Российские конструкторы сайтов в 2026 году: обзор, ИИ-функции, цены только ссылка, по-русски
- Wikipedia: Vibe coding CC BY-SA, по-английски
Дальше
Теперь вы знаете: ИИ-конструкторы сайтов: bolt, Lovable, v0, Tilda AI.