Сделать сайт с помощью ИИ в 2026 году можно за один вечер и без программиста. Вы описываете, что нужно, словами — нейросеть собирает страницу, пишет код и помогает с текстами. Ваша задача — понятно объяснить, что за сайт и для кого, и проверить результат.
Я сам дизайнер без навыков программирования и собирал с помощью ИИ и лендинги, и полноценные веб-сервисы. Ниже — пошаговый процесс, который работает: от выбора инструмента до домена, формы заявок и аналитики.
В Telegram-канале показываю сайты и продукты, которые собираю с ИИ Подписаться на канал →Какой сайт можно сделать с ИИ за вечер
За вечер реально собрать:
- лендинг — одностраничный сайт продукта, услуги или мероприятия с формой заявки;
- сайт-визитку эксперта или небольшой компании;
- портфолио с проектами и контактами;
- страницу предзаказа — чтобы проверить спрос на продукт до его разработки.
Многостраничный сайт, интернет-магазин или сервис с личным кабинетом с ИИ тоже можно сделать, но это уже не вечер, а дни или недели. Если сомневаетесь, нужен вам сайт или полноценный веб-сервис, — прочитайте гайд «Как выбрать формат своего продукта».
Шаг 1. Выберите инструмент
| Инструмент | Как работает | Плюсы | Минусы | Подходит для |
|---|---|---|---|---|
| Lovable | Пишете в чат в браузере, справа сразу видите сайт | Очень просто, публикация в один клик, красивый результат «из коробки» | Лимиты на бесплатном тарифе, сложные правки бывают долгими | Лендинги, простые сервисы |
| Bolt | Похоже на Lovable, полноценная среда разработки в браузере | Быстро, видно код | Тоже лимиты, на больших проектах путается | Лендинги и прототипы |
| v0 | Генерация интерфейсов от Vercel | Аккуратный современный дизайн | Больше ориентирован на разработчиков | Лендинги, интерфейсы |
| Figma Make | Делает рабочий сайт из описания или макета в Figma | Удобно, если вы уже работаете в Figma | Нужна подписка Figma | Дизайнерам |
| Claude Code / Cursor | ИИ работает с проектом на вашем компьютере | Полный контроль, код ваш, легко развивать | Нужно немного разобраться с запуском и публикацией | Сайты, которые будут расти |
Моя рекомендация:
- Нужен лендинг сегодня и не хочется разбираться с техникой — Lovable или Bolt.
- Планируете развивать сайт в продукт — Claude Code. Как его установить — в статье «Claude Code на русском. Часть 1».
Обычный чат с ChatGPT или Claude тоже может написать HTML-страницу, но дальше её придётся самостоятельно сохранять, править и публиковать. Специализированные инструменты делают это за вас.
Шаг 2. Опишите сайт до того, как открыть нейросеть
Самая частая ошибка — написать «сделай красивый сайт для моего бизнеса» и получить шаблонную страницу, которая ни о чём. Сначала ответьте на пять вопросов:
- Для кого сайт? Конкретный человек: «владелец небольшой кофейни», а не «все, кому интересно».
- Какую проблему он решает? Что болит у посетителя и почему он вообще пришёл на сайт.
- Что вы предлагаете? Продукт или услуга в одном предложении.
- Какое одно действие должен сделать посетитель? Оставить заявку, записаться, купить, подписаться. Одно главное.
- Почему вам можно доверять? Опыт, кейсы, отзывы, цифры.
Сформулировать оффер — главное обещание сайта — помогает статья «Эффективный оффер за 15 минут».
Шаг 3. Подготовьте структуру и тексты
Хороший лендинг почти всегда собирается из одних и тех же блоков:
- Первый экран — заголовок с главным обещанием, подзаголовок и кнопка действия.
- Проблема — с чем сталкивается посетитель.
- Решение — как ваш продукт или услуга её решает.
- Как это работает — 3–4 простых шага.
- Результаты и доверие — кейсы, отзывы, цифры, ваш опыт.
- Цены или тарифы — если уместно.
- Частые вопросы — снимают возражения.
- Финальный призыв — форма заявки или кнопка.
Тексты можно написать с помощью нейросети — но не просите «напиши текст для сайта». Дайте ей ответы из шага 2 и попросите конкретное:
Я делаю лендинг для [продукт]. Аудитория: [кто]. Их проблема: [что].
Мой оффер: [одно предложение]. Главное действие на сайте: [какое].
Напиши тексты для блоков: первый экран, проблема, решение,
как это работает, частые вопросы (5 штук), финальный призыв.
Пиши просто, на «вы», без канцелярита и штампов вроде
«уникальный», «инновационный», «команда профессионалов».
Заголовок первого экрана — до 8 слов, с конкретной выгодой.Перечитайте тексты и уберите всё, что звучит как реклама из 2010 года. Чем конкретнее — тем лучше конверсия.
Шаг 4. Соберите сайт
Теперь отдайте нейросети структуру и тексты. Хороший промпт для сборки:
Сделай одностраничный лендинг на русском языке.
О проекте: [2–3 предложения о продукте и аудитории].
Структура и тексты: [вставьте тексты по блокам].
Дизайн:
- стиль: минималистичный, много воздуха, светлый фон;
- основной цвет: [цвет или «на твой выбор, спокойный»];
- современные шрифты, хорошая читаемость;
- сайт должен отлично выглядеть на телефоне.
Форма заявки: имя, телефон или Telegram, кнопка «Отправить»,
под ней чекбокс согласия на обработку персональных данных
со ссылкой на политику конфиденциальности.Нейросеть соберёт первую версию за минуту-две. Она почти никогда не будет идеальной — это нормально.
Если у вас есть сайт, который нравится по стилю, приложите его скриншот и напишите «сделай в похожем стиле». Картинка объясняет дизайн лучше, чем абзац текста.
Шаг 5. Доработайте правками
Правки — основная часть работы. Несколько правил, которые экономят часы:
- Одна правка за раз. «Увеличь заголовок на первом экране» работает лучше, чем список из 15 пунктов.
- Конкретно, а не «сделай красивее». «Кнопка теряется — сделай её контрастнее и крупнее», «между блоками слишком мало места».
- Проверяйте на телефоне. Большинство посетителей придут с мобильного. Откройте сайт с телефона или включите мобильный режим в браузере.
- Если правка всё сломала — откатитесь. В Lovable и Bolt есть история версий, в Claude Code — git. Не пытайтесь исправить поломку пятью новыми правками.
Подробнее о том, как ставить задачи нейросети, чтобы получать нужный результат, — в полном гайде по вайбкодингу.
Шаг 6. Настройте приём заявок
Форма на сайте сама по себе ничего не делает — заявки нужно куда-то отправлять. Простые варианты:
- В Telegram. Попросите нейросеть: «Сделай, чтобы заявки из формы приходили мне в Telegram-бот». Бот создаётся за пару минут в @BotFather — как это сделать, разобрано в статье «Как создать Telegram-бота с помощью нейросети».
- На почту — через сервисы отправки форм.
- В Google Таблицу — удобно, если заявок много и их нужно обрабатывать.
- Встроенная база — в Lovable можно подключить базу данных, и заявки будут храниться там.
Обязательно отправьте тестовую заявку и убедитесь, что она дошла.
Шаг 7. Опубликуйте сайт и подключите домен
Публикация:
- Lovable, Bolt, v0 — кнопка «Опубликовать», сайт сразу доступен по адресу на их поддомене.
- Claude Code — статичный сайт можно бесплатно разместить на GitHub Pages, Netlify или Vercel. Попросите Claude Code провести по шагам. Если аудитория в России и важна стабильная доступность, рассмотрите российский хостинг или свой VPS. Подробно — в статье «Claude Code на русском. Часть 5: деплой продукта».
Домен:
- Купите домен у регистратора —
.ruстоит от нескольких сотен рублей в год. - В настройках инструмента, где опубликован сайт, найдите раздел «Домен» и добавьте свой.
- Пропишите у регистратора DNS-записи, которые покажет сервис. Нейросеть подскажет, если что-то непонятно.
- Подождите от нескольких минут до суток, пока домен заработает. SSL-сертификат (https) большинство сервисов выпускают автоматически.
Шаг 8. Аналитика и SEO-минимум
Без аналитики вы не узнаете, работает ли сайт.
- Яндекс Метрика — бесплатно, есть вебвизор (запись действий посетителей). Создайте счётчик и попросите нейросеть: «Добавь на сайт код Яндекс Метрики» — и вставьте код.
- Цель на отправку формы — чтобы видеть конверсию из посетителя в заявку.
SEO-минимум, который стоит попросить у нейросети:
- уникальные
titleиdescriptionстраницы; - один заголовок H1 с главным ключевым запросом;
- атрибуты
altу картинок; - превью для соцсетей и мессенджеров (Open Graph), чтобы ссылка красиво выглядела в Telegram;
- файлы
sitemap.xmlиrobots.txt; - быстрая загрузка — сжатые картинки.
После публикации добавьте сайт в Яндекс Вебмастер и Google Search Console.
Не забудьте про 152-ФЗ
Если сайт собирает имя, телефон, email или Telegram — вы обрабатываете персональные данные, и на вас распространяется закон 152-ФЗ. Минимум, который нужен:
- Политика обработки персональных данных — отдельная страница, ссылка на неё рядом с формой.
- Согласие на обработку персональных данных — пользователь должен дать его явно (чекбокс без предустановленной галочки). Согласие должно оформляться отдельно от других документов, например от оферты.
- Уведомление Роскомнадзора о том, что вы обрабатываете персональные данные.
Нейросеть может подготовить черновики документов, но требования меняются, а штрафы за нарушения ощутимые. Сверьте документы с юристом или актуальными разъяснениями Роскомнадзора.
Частые ошибки
| Ошибка | Чем плохо | Как исправить |
|---|---|---|
| Промпт «сделай красивый сайт» | Шаблонный результат ни о чём | Сначала ответьте на 5 вопросов из шага 2 |
| Несколько главных действий | Посетитель не понимает, что делать | Одно главное действие на весь сайт |
| Не проверили на телефоне | Большинство посетителей увидят сломанную вёрстку | Проверяйте каждую версию на мобильном |
| Форма никуда не отправляет | Заявки теряются | Тестовая заявка после каждого изменения формы |
| Нет аналитики | Непонятно, работает ли сайт | Яндекс Метрика + цель на форму |
| Нет политики и согласия | Риск штрафа по 152-ФЗ | Документы до запуска |
| Делать сайт «идеальным» неделями | Не узнаете реакцию людей | Запустите за вечер, улучшайте по данным |
Сколько стоит сайт с ИИ
| Статья расходов | Стоимость |
|---|---|
| Инструмент (Lovable, Bolt, v0, Claude) | Бесплатный тариф или около 20–25 $ в месяц |
| Хостинг | Бесплатно (GitHub Pages, Netlify, хостинг инструмента) или от нескольких сотен рублей в месяц |
Домен .ru | От нескольких сотен рублей в год |
| Аналитика | Бесплатно |
Для сравнения: лендинг у фрилансера стоит от десятков тысяч рублей, у студии — ещё дороже. С ИИ вы платите в основном своим временем — и получаете возможность менять сайт в любой момент без ожидания исполнителя.
Главное
- Лендинг с помощью ИИ реально сделать за вечер и без программиста.
- Для быстрого результата — Lovable или Bolt, для сайта, который будет расти, — Claude Code.
- Сначала ответьте, для кого сайт и какое одно действие должен сделать посетитель, — потом открывайте нейросеть.
- Правьте по одной вещи за раз и проверяйте на телефоне.
- Перед запуском: форма работает, есть аналитика, политика и согласие по 152-ФЗ.
Если сайт нужен для запуска нового продукта, сначала стоит проверить идею: кто ваша аудитория, что предлагают конкуренты, какой оффер сработает. Это удобно сделать в Креаторе — а потом использовать результаты как основу для текстов сайта.
Креатор — аудитория, конкуренты и оффер для вашего сайта Открыть Креатор →В Telegram-канале я показываю, как собираю сайты и продукты с помощью ИИ, и разбираю, что работает, а что нет.
Telegram-канал о создании продуктов с ИИ Подписаться →