Как создать сайт с помощью ИИ без программирования: план 2026

Сайт с помощью ИИ без программирования собирают так: вы объясняете нейросети, для кого страница и что посетитель должен на ней сделать, сервис генерирует первую версию, вы правите её короткими сообщениями и публикуете по ссылке или на своём домене. Код пишет и меняет сама нейросеть, от вас нужны постановка задачи, свои тексты и факты и проверка результата. План ниже рассчитан на первый сайт: одностраничный лендинг услуги, страницу записи на консультацию, сайт-визитку эксперта или сайт небольшой компании.

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

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

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

Тильда подойдёт, если сайт нужен быстро и в привычном конструкторе. В неё встроен ИИ-помощник на YandexGPT: по вашему описанию он подбирает блоки, предлагает палитру, пишет тексты и ставит картинки из библиотеки конструктора (кейс Yandex Cloud). В мае 2026 года там же появился Вайб-блок, который по текстовому описанию генерирует нестандартный блок с вёрсткой, учитывает шрифты, цвета и отступы сайта и на бесплатном тарифе даёт 5 генераций за 12 часов и 20 в месяц (Postium). Тариф Personal стоит 500 ₽ в месяц при оплате за год или 750 ₽ помесячно и позволяет подключить свой домен (тарифы Tilda). Вся сборка в Тильде от шаблона до публикации расписана по шагам отдельно.

Lovable и похожие AI-конструкторы строят сайт целиком из диалога: вы пишете, что нужно, сервис генерирует страницу вместе с кодом и сразу показывает превью. Бесплатный тариф Lovable даёт 5 кредитов на сборку в день, но не больше 30 в месяц (документация Lovable). Свой домен, правка и скачивание кода и снятие плашки «Edit with Lovable» открываются на тарифе Pro, он стоит от 25 долларов в месяц за 100 кредитов (тарифы Lovable). Сервис зарубежный, и подписку из России оплачивают через посредников (пример схемы на vc.ru); выбирайте посредника с отзывами, иначе можно потерять деньги.

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

Многостраничный сайт с каталогом, личным кабинетом или базой заявок удобнее собирать агентом, который работает с папкой проекта на вашем компьютере. Основной способ здесь десктопное приложение: Claude Code от Anthropic или Codex от OpenAI. Вы так же пишете задачи обычным языком, а агент создаёт файлы, запускает сайт у вас на компьютере и сам исправляет ошибки, которые находит. Настройки здесь больше, зато сайт целиком принадлежит вам и переезжает на любой хостинг; цикл работы с агентом от промпта до выкладки показан на примере.

Чтобы выбрать быстрее, сверьтесь со своей задачей:

• Сайт нужен за пару дней, оплата в рублях, потом его будет править администратор без нейросети: Тильда с ИИ-помощником.
• Нужен нестандартный сайт с калькулятором, квизом или формой и вас не пугает английский интерфейс: Lovable.
• Нужна одна страница, чтобы показать клиенту или проверить идею: чат Claude.
• Сайт будет расти, понадобятся база данных, вход для клиентов и свой хостинг: Claude Code или Codex.

Если сомневаетесь между конструктором и кодом, сравните, чем AI-конструкторы отличаются от вайбкодинга по цене и гибкости. Дальше шаги одинаковы для любого инструмента.

Шаг 1. Сформулируйте задачу сайта до первого промпта

Нейросеть собирает ровно то, что поняла из описания, поэтому несколько минут на формулировку экономят десяток правок потом. Ответьте письменно на пять вопросов:

• Для кого сайт?
• Что человек должен понять за первые секунды на странице?
• Какую услугу, продукт или идею сайт продвигает?
• Какое действие должен совершить посетитель: оставить заявку, записаться, купить, написать в мессенджер?
• Почему ему стоит вам доверять?

Получится примерно такое описание: «Нужен сайт для бесплатного мастер-класса по нейросетям. Аудитория: специалисты, которые хотят применять ИИ в работе. Цель сайта: регистрация на мастер-класс. Главное действие: оставить имя и Telegram». В нём уже есть всё, чего нет в просьбе «сделай лендинг».

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

По теме: Как сделать сайт самому с нуля: бесплатные способы и ИИ в 2026 году

Шаг 2. Попросите сначала структуру

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

1. Первый экран с предложением и кнопкой.
2. Для кого и какую проблему решает.
3. Что человек получит, программа или этапы работы.
4. Кейсы, примеры, отзывы.
5. Эксперт или команда.
6. Цены или формат участия.
7. Ответы на частые вопросы.
8. Форма заявки и финальный призыв к действию.

У сайта компании или школы блоков больше, но порядок тот же: сначала ценность, потом детали, доказательства и способ связаться. Запрос на структуру можно взять такой и подставить свои данные в квадратные скобки:

Собери структуру лендинга для [продукт или услуга].
Целевая аудитория: [кто].
Главная цель сайта: [заявка, регистрация или покупка].
Сайт должен быть понятен человеку, который видит его впервые, и вести к действию.
Предложи блоки по порядку, заголовок и короткое описание каждого блока и текст кнопки.

Шаг 3. Тексты: что взять у нейросети и что дописать самим

Черновик текстов любой чат (Claude, ChatGPT, Алиса) пишет за минуту, но без вашей правки он получается общим и подходит любой компании. Сравните две фразы для первого экрана. «Мы предлагаем решения высокого качества для вашего бизнеса» ничего не сообщает. «Соберём лендинг для вашего мастер-класса: первый экран, программа, эксперт, отзывы, FAQ и форма заявки. Первый вариант через 2 дня» сразу показывает, что человек получит и когда.

Попросите у нейросети:

• пять вариантов заголовка первого экрана и короткий подзаголовок;
• тексты карточек и преимуществ;
• ответы на частые вопросы клиентов;
• тексты кнопок и подпись к форме заявки;
• финальный призыв к действию.

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

По теме: Как сделать сайт с помощью ИИ в 2026: полное руководство

Шаг 4. Опишите стиль конкретными словами

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

С картинками правило простое. Фон, иконки и иллюстрации можно сгенерировать нейросетью, а людей лучше показывать настоящих: сгенерированное лицо в блоке «О нас» посетитель примет за вашу команду, и доверие пропадёт, как только он заметит подмену. Свои фото мастера, зала или продукта работают лучше любой генерации.

Шаг 5. Соберите первую версию и правьте по одному изменению

Когда есть задача, структура, тексты и стиль, отправьте их сервису одним подробным сообщением. Шаблон, который подходит и для Lovable, и для чата, и для агента:

Создай адаптивный лендинг для [название продукта или услуги].
Целевая аудитория: [кто эти люди].
Главная цель сайта: [заявка, регистрация, покупка, запись].
Предложение: [главное обещание без преувеличений].
Стиль: [описание из шага 4].
Структура: [список блоков из шага 2].
Тексты: [вставьте отредактированные тексты из шага 3].
Добавь форму заявки, мобильную версию, закреплённую кнопку на телефоне
и сообщение, которое человек видит после отправки формы.

Первую версию не доводите до идеала сразу. Сначала проверьте основу: понятен ли первый экран, видна ли главная кнопка, нет ли лишних блоков, работают ли ссылки и читается ли текст.

Правки пишите по одной за сообщение и называйте блок: «в блоке «Цены» кнопки разной высоты, сделай одинаковыми» нейросеть выполнит точно, а пять просьб в одном сообщении она выполнит частично и заденет то, что уже работало. Если сервис принимает картинки, прикладывайте скриншот проблемного места. В Lovable все версии проекта видны на панели History, и перед крупной переделкой удачную версию отметьте закладкой, чтобы вернуться к ней одним действием (документация Lovable).

Если правка не получилась с третьей попытки, вернитесь к последней рабочей версии и опишите задачу другими словами. Новые просьбы поверх сломанного варианта обычно запутывают нейросеть сильнее.

По теме: Лендинг с помощью нейросети в 2026: структура, промпты, публикация

Шаг 6. Форма заявки: проверьте, куда приходят заявки

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

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

Форма с именем и контактом собирает персональные данные, поэтому на сайте нужны политика обработки и отдельная галочка согласия: с 1 сентября 2025 года согласие оформляется отдельно от других документов (разбор изменений на harant.ru). Если форму подключал агент, проверьте, что ключи доступа к сервисам не лежат в коде страницы; что ещё проверить в сайте, собранном с ИИ, собрано в одном списке.

Шаг 7. Откройте сайт на телефоне

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

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

Найденное описывайте нейросети так же по одному: «на телефоне в блоке отзывов текст вылезает за край карточки».

Шаг 8. Публикация, домен и аналитика

Конструкторы публикуют сайт кнопкой на своём адресе: у Тильды это поддомен tilda.ws (справка Tilda), у Lovable адрес на lovable.app. Страница из чата Claude остаётся по ссылке сервиса; чтобы она жила на своём домене, файл страницы скачивают и загружают на хостинг так же, как сайт агента. Свой домен подключается на платных тарифах обоих сервисов (Personal у Тильды, Pro у Lovable, тарифы описаны в разделе про выбор сервиса). Сайт, собранный агентом, лежит папкой с файлами, её загружают на хостинг или бесплатную площадку, а загрузка готового сайта и привязка домена проходят за несколько шагов.

Перед тем как давать ссылку людям, проверьте:

1. Заголовок страницы и описание для поисковиков написаны под ваш сайт, а не остались из шаблона.
2. Есть иконка сайта во вкладке браузера.
3. Все ссылки и кнопки ведут туда, куда нужно.
4. Политика обработки данных открывается, галочка согласия стоит у формы.
5. После отправки формы человек видит сообщение или страницу благодарности.
6. Подключена Яндекс Метрика с целями на клик по кнопке и отправку формы, чтобы видеть, откуда приходят люди и где уходят.

Какие сайты уже собрали так

В галерее работ выпускников Submarine School есть сайты, собранные по этой схеме, и их можно открыть. Лендинг репетитора по математике Людмилы Ситченко сделан в Lovable и работает на адресе lovable.app (проект, как Людмила его собирала). Сайт строительной компании «Байкальский стандарт» Романа Сивцова тоже собран в Lovable, но подключён к собственному домену (baikal-standart.ru). Лендинг детской школы программирования «Софтиум», который сделал Дмитрий, построен вокруг одной цели, записи на пробное занятие, и каждый блок ведёт родителя к этой кнопке (проект).

Обучение в Submarine School прошли или проходят более 2 500 человек, опубликованные проекты собраны на странице работ выпускников, а отзывы участников публикуются в Telegram-канале. Школу основала Евгения Зеленова, она в онлайн-образовании с 2017 года.

Где ИИ чаще всего подводит

Неудачные сайты с ИИ обычно ломаются в одних и тех же местах, и каждое из них закрывает один из шагов выше:

• Работу начали с дизайна, а задачу сайта так и не сформулировали: страница красивая, но непонятно, что на ней делать.
• Промпт слишком общий, и нейросеть додумала аудиторию и продукт сама.
• Сгенерированный текст опубликован без правки, вместе с выдуманными цифрами и отзывами.
• Сайт проверили только на ноутбуке, а на телефоне кнопка уехала за край экрана.
• Форма выглядит рабочей, но заявки никуда не приходят.
• Десять правок отправлены одним сообщением, и сломалось то, что уже работало.

Ещё одна мелочь, о которой вспоминают поздно: запишите, в каком сервисе лежит сайт, на какую почту зарегистрирован аккаунт и где куплен домен. Через полгода, когда понадобится сменить цену или телефон, этот список сэкономит вечер поисков.

Частые вопросы о сайте с ИИ

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

Первую версию можно. В Тильде бесплатный тариф даёт один сайт (тарифы Tilda), а Вайб-блок на нём генерирует до 5 блоков за 12 часов и не больше 20 в месяц (Postium). В Lovable бесплатно доступны 5 кредитов в день, но не больше 30 в месяц (документация Lovable). Сайт при этом живёт на адресе сервиса; свой домен и снятие ограничений требуют платного тарифа и оплаты самого домена.

Нужно ли знать код, чтобы сделать сайт с ИИ?

Для лендинга, визитки и сайта услуги нет: код пишет нейросеть, а вы проверяете, что видите на экране. Когда сайт растёт до личного кабинета или базы данных, полезно понимать, из каких частей он состоит, и агент вроде Claude Code объяснит это обычными словами, если его спросить.

Сколько времени занимает первый сайт?

Генерация первой версии идёт минуты. Больше всего времени уходит на тексты, правки, подключение формы и проверку на телефоне, и этот объём зависит от того, насколько точно вы описали задачу в шаге 1.

Работают ли эти сервисы из России?

Тильда российская, её тарифы указаны в рублях (тарифы Tilda). Lovable, Claude и Codex зарубежные: для оплаты нужны зарубежная карта или посредник, а для доступа иногда VPN. Россия не входит в список стран, где Anthropic официально работает (список стран), поэтому аккаунт в таких сервисах могут ограничить.

Можно ли потом забрать сайт из сервиса?

Зависит от инструмента. В Lovable проект можно синхронизировать с GitHub уже на бесплатном тарифе, а скачать код архивом и править его в редакторе можно с тарифа Pro (тарифы Lovable). В Тильде экспорт кода открывается на тарифе Business, он стоит 1000 ₽ в месяц при оплате за год (тарифы Tilda). Сайт, собранный агентом на вашем компьютере, с самого начала лежит у вас папкой файлов и переносится на любой хостинг.