Сайты с ИИ2026-07-17Обновлено: 2026-10-0812 минАвтор:

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

Проверено 8 октября 2026: цены, лимиты и доступ сервисов для сайтов с ИИ сверены с официальными страницами. Проверила Редакция Submarine School. Источники: support.claude.com, code.claude.com, anthropic.com, cursor.com, lovable.dev, bolt.new, tilda.cc, craftum.com.

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

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

Три пути: конструктор, вайбкодинг или заказ у специалиста

Прежде чем открывать инструменты, стоит выбрать дорогу. Их три, и у каждой свой баланс времени, денег и свободы.

  • Конструктор с ИИ. Вы отвечаете на вопросы о своём деле, сервис собирает страницы из готовых блоков и сам пишет черновики текстов. Быстро и предсказуемо, но дизайн получается узнаваемо шаблонным, а подписка платная постоянно.
  • Вайбкодинг. Вы описываете сайт словами, нейросеть пишет код, вы смотрите результат в браузере и просите правки. Свободы на порядок больше, файлы сайта принадлежат вам полностью, а стартовать можно на бесплатных лимитах.
  • Заказ у специалиста. Экономит ваше время, но стоит от десятков тысяч рублей, и за каждой правкой потом придётся возвращаться к исполнителю.

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

Какие сайты реально собрать с ИИ

Разница между «получилось» и «забросил на полпути» чаще всего кроется в выборе первого проекта. Вот что имеет смысл собирать с ИИ и на что рассчитывать по сложности.

  • Сайт-визитка: страница о вас или вашем деле с услугами, ценами и контактами. Самый частый первый проект, черновик собирается в первый же вечер.
  • Лендинг: одна длинная страница под конкретную услугу или продукт, с формой заявки. Основной формат под рекламу.
  • Портфолио: работы, отзывы, кнопка связи. Востребовано у фотографов, мастеров, репетиторов, дизайнеров.
  • Блог или контентный сайт: статьи с рубриками и поиском. Возни со структурой больше, но кода всё так же ноль.
  • Интернет-магазин: витрину на десяток товаров с приёмом заявок ИИ соберёт; большой каталог с онлайн-оплатой и складом разумнее вести на специализированных платформах.

Хотите увидеть, как идея становится работающим сервисом за один эфир? Завтра в 12:00 МСК на бесплатном мастер-классе сборку в Claude Code показывают целиком, даже если вы ни разу не программировали.

Посмотреть сборку

Путь первый: конструкторы с ИИ

Конструкторы за последние годы встроили нейросети во все ключевые шаги. Tilda, например, в мае 2026 запустила «Вайб-блок»: вы описываете нужный элемент словами, а сервис генерирует его код, структуру и наполнение прямо внутри конструктора. Похожие ИИ-помощники есть у большинства российских платформ: они собирают черновик сайта по короткой анкете, пишут тексты и подбирают картинки со стоков.

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

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

Путь второй: вайбкодинг, сайт из диалога с нейросетью

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

Основные инструменты 2026 года: Claude от Anthropic (десктоп-приложение и веб-версия; внутри есть агентный режим, который сам создаёт и правит файлы проекта) и Codex в приложении ChatGPT (агент OpenAI для задач с кодом). Обе нейросети свободно понимают русский, для первого сайта подходит любая.

  1. Опишите проект одним абзацем: для кого сайт, какие разделы, какой стиль. Не пытайтесь уместить всё сразу: детали добавите правками.
  2. Попросите собрать первую версию одной страницей и откройте её в браузере.
  3. Правьте итерациями: одна просьба, одна правка, проверка результата. Так нейросеть не запутается, и вы всегда видите, что изменилось.
  4. Отдельно попросите адаптировать сайт под телефон: с маленьких экранов придёт больше половины посетителей.
  5. Когда результат нравится, переходите к публикации: о ней следующий раздел.

Пример стартового промпта: «Собери одностраничный сайт для мастера маникюра Анны: шапка с именем и списком услуг, блок цен, три отзыва, форма записи с телефоном, светлые спокойные цвета. Один файл index.html, аккуратно и современно».

В десктоп-приложении Claude агентный режим (Claude Code, нужна платная подписка) сам создаёт файлы проекта на вашем компьютере и правит их по ходу диалога; в веб-версии сайт можно собрать в артефакте и скачать одним файлом. У Codex логика похожая: агент работает с проектом, а вы смотрите результат и комментируете. Пошаговые разборы с готовыми промптами уже есть в блоге: как создать сайт с ИИ через код, сайт на Claude с нуля и как сделать сайт самому с нуля.

Сервисы по названиям, цены и доступ из России

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

Чат-модели: Claude и ChatGPT. Обычный чат уже отдаёт рабочую страницу. В Claude за это отвечают Artifacts: по справке Anthropic, там создаются в том числе одностраничные сайты, а доступны они и на бесплатном тарифе, если в настройках (Settings > Capabilities) включены облачное выполнение кода и создание файлов (справка Claude). На выходе обычно один файл index.html, хостинга у чата нет, поэтому страницу выкладываете сами, как описано в разделе про публикацию. Подходит для визитки, страницы мероприятия и быстрого прототипа.

Среды вайбкодинга: Claude Code, Codex, Cursor. Это агенты, которые сами создают файлы, запускают проект и правят его по вашим замечаниям. Claude Code работает во вкладке Code десктопного приложения Claude для Windows и macOS и требует платной подписки, а тот же агент в терминале запускается командой claude (документация Claude Code). У Cursor, агента для разработки, есть бесплатный план Hobby с ограниченным числом запросов к агенту, Pro стоит 20 долларов в месяц, командный тариф 40 долларов за пользователя (цены Cursor). Результат лежит на вашем диске вместе с историей изменений, поэтому проект можно дорабатывать месяцами: подключать базу данных, оплату, личный кабинет. Cursor с 4 сентября 2026 не открывается с российских IP-адресов, поэтому из России им пользуются через VPN. Если выбираете между самими агентами, пригодится сравнение ИИ для вайбкодинга.

Платформы «описал и получил сайт»: Lovable, v0, Bolt. Эти сервисы пишут код и сразу публикуют сайт на своей инфраструктуре, поэтому отдельный хостинг на старте не нужен. Lovable считает работу в кредитах: бесплатный тариф даёт 5 кредитов в день (до 30 в месяц) и 20 облачных кредитов, а сгенерированный код, как сказано на странице цен, принадлежит вам (цены Lovable). v0 от Vercel выкладывает сайт на Vercel одним кликом: бесплатный план ограничен 7 сообщениями в день и включает синхронизацию с GitHub, новым пользователям дают разовые 5 долларов кредитов, а командный тариф Plus стоит 30 долларов за пользователя в месяц (цены v0). У Bolt бесплатный план даёт 1 млн токенов в месяц при суточном лимите 300 тысяч, и сайты публикуются с брендингом сервиса, а тариф Pro за 25 долларов в месяц снимает суточный лимит, убирает брендинг и разрешает свой домен (цены Bolt).

Эти платформы подходят, когда сайту нужна логика: каталог, заявки с сохранением в базу, личный кабинет. Тарифы v0 и Bolt указаны в долларах, поэтому сначала убедитесь, что вам есть чем платить за зарубежную подписку. Если нет, начните с Artifacts или с конструкторов, которые считают в рублях.

ИИ внутри конструкторов: Tilda и Craftum. Здесь нейросеть встроена в привычный визуальный редактор и работает как помощник. В Tilda ИИ-ассистент пишет тексты в полях и блоках, а генерация картинок и страницы целиком открывается пользователям постепенно; лимиты по справке такие: 100 запросов в сутки и не больше 15 генераций изображений за 12 часов (справка Tilda). Бесплатный план даёт один сайт. Personal стоит пятьсот рублей в месяц при оплате за год и включает подключение своего домена, Business обходится в тысячу рублей в месяц, и только на нём есть экспорт исходного кода; при помесячной оплате цены выше (тарифы Tilda). Craftum на своём сайте обещает собрать страницу по описанию встроенными AI-инструментами за три минуты: есть 10 дней бесплатного периода, а подписка стоит от ста сорока девяти рублей в месяц при оплате сразу за два года (сайт Craftum). В редакторе есть блоки, интернет-магазин и шаблоны.

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

Что с доступом из России. Россия не входит в список поддерживаемых стран Anthropic, поэтому вход в Claude и оплата настраиваются отдельно; рабочие способы описывает инструкция по оплате Claude из России. У OpenAI России тоже нет в списке, а доступ из остальных стран, по предупреждению компании, может закончиться блокировкой аккаунта. Чтобы не получить бан, заходите с одного стабильного адреса и не меняйте страну входа от случая к случаю.

Сайт для себя или для клиентов уже не требует программиста. Завтра в 12:00 МСК на бесплатном мастер-классе показывают, что можно навайбкодить для себя и на заказ, и за эфир собирают в Claude Code работающий сервис без кода.

Забронировать место

Тексты и картинки: чем наполнять

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

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

По теме: Сайты без программирования: 3 способа сделать сайт без кода 2026

Публикация: хостинг, домен и https простыми словами

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

  • GitHub Pages: бесплатный хостинг для статичных сайтов, https включается одной галочкой. Самый частый выбор для первого проекта.
  • Vercel: бесплатный тариф для личных проектов, удобен для сайтов на современных фреймворках.
  • Российские хостинги: недорогие тарифы для небольших сайтов, оплата российской картой и поддержка на русском.
  • Домен: адрес вида vashsayt.ru. Регистрация в зоне .ru в 2026 году стоит порядка двухсот рублей за первый год, продление дороже: обычно четыреста-семьсот в год. С осени 2026 для доменов .ru и .рф вводится обязательная идентификация через Госуслуги. Это новое требование правил, а не подвох регистратора.

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

Сколько это стоит

Минимальный бюджет первого сайта: ноль рублей. Бесплатных лимитов чата Claude и Codex хватает, чтобы за несколько вечеров собрать одностраничник, GitHub Pages бесплатен, а до покупки домена можно жить на техническом адресе вида vashe-imya.github.io.

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

По теме: Как сделать сайт с помощью Claude: пошагово без опыта

Как выбрать свой путь: короткая шпаргалка

  • Нужна страница завтра, бюджет есть, уникальность дизайна не принципиальна: конструктор с ИИ, например Tilda или Craftum.
  • Хотите свободу, свой код и возможность начать бесплатно: вайбкодинг.
  • Нужна логика (каталог, заявки с сохранением в базу, личный кабинет), а разбираться в файлах некогда: Lovable, Bolt или v0.
  • Сайт сложный, а времени разбираться нет совсем: заказ у специалиста; черновик, собранный с ИИ, поможет точнее сформулировать задание.
  • Сомневаетесь: соберите черновик вайбкодингом в один из вечеров на этой неделе. Это бесплатно и сразу покажет, ваш это путь или нет.

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

План на первую неделю

  1. День 1: выберите тип сайта и целевое действие посетителя, соберите черновик в тот же день.
  2. День 2: правки структуры и цветов, замените заглушки реальными текстами.
  3. День 3: мобильная версия и проверка со своего телефона.
  4. День 4: публикация на GitHub Pages или в конструкторе, покажите сайт друзьям.
  5. День 5: правки по замечаниям со стороны: свежий взгляд быстро находит главное.
  6. Дни 6-7: домен, если он нужен, и подключение статистики посещений.

Шесть типичных ошибок

  • Перегруженный первый промпт. Описание на две страницы путает нейросеть. Начните с одного абзаца и наращивайте детали правками.
  • Правки всего сразу. Просьба «поменяй цвета, тексты и структуру» даёт непредсказуемый результат. Одна итерация: одно изменение.
  • Забытая мобильная версия. Сайт, красивый только на большом экране, теряет большую часть посетителей. Проверка на телефоне обязательна перед публикацией.
  • Сайт ради сайта. Без ответа на вопрос «что посетитель должен здесь сделать» получается красивая, но бесполезная страница. Сформулируйте целевое действие до первого промпта.
  • Слепое доверие текстам нейросети. ИИ уверенно пишет и так же уверенно ошибается: цены, телефоны и факты о вашем деле проверяйте сами.
  • Остановка после первой неудачи. Кривой результат даёт материал для следующей правки. Вторая попытка почти всегда заметно лучше первой.

Сайт опубликован: что дальше

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

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

Как на сайтах с ИИ зарабатывают

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

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

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

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

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

Да. Бесплатные лимиты чата Claude или Codex плюс GitHub Pages дают рабочий сайт за ноль рублей. Ограничения: дневные лимиты сообщений и технический адрес вместо своего домена.

Нужно ли уметь программировать?

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

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

Черновик: один вечер. Аккуратный одностраничник с правками и мобильной версией: два-четыре вечера. Сайт из нескольких страниц со своим доменом: около недели в спокойном темпе.

Подойдёт ли ИИ для интернет-магазина?

Для витрины на десяток товаров с формой заявки: да. Полноценный магазин с онлайн-оплатой, складом и доставкой надёжнее собирать на специализированных платформах, а ИИ использовать для текстов, дизайна и доработок.

Что делать, если ИИ ошибается или ломает сайт?

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

Можно ли потом перенести сайт с конструктора на свой код?

Автоматической кнопки переноса нет: конструкторы держат сайт внутри своей платформы. На практике проще собрать сайт заново вайбкодингом, перенеся тексты и структуру. Поэтому путь разумно выбирать до старта, а не после года подписки.

Нужен ли VPN, чтобы пользоваться сервисами для создания сайтов?

Зависит от сервиса. Россия не указана в списках поддерживаемых стран у Anthropic и OpenAI, поэтому в Claude и ChatGPT из России заходят через VPN: держите одну страну для VPN, номера телефона и карты и не переключайте её туда-сюда. Cursor с сентября 2026 тоже работает из России только через VPN. Тарифы Tilda и Craftum указаны в рублях. У Lovable, v0 и Bolt цены в долларах: перед годовой оплатой сначала оформите месячный тариф и убедитесь, что карта проходит.

Смогу ли я забрать код и уйти с платформы?

У чатов и сред вайбкодинга код лежит у вас в файлах. Lovable пишет на странице цен, что код принадлежит вам, а у v0 есть синхронизация с GitHub. У Tilda экспорт исходного кода есть только на тарифе Business. На остальных тарифах конструкторов вёрстка остаётся привязана к блокам платформы.

Можно ли доверить ИИ сайт для клиентов, а не для себя?

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

Путь к сайту выбран, сервисы сравнены. Вайбкодинг целиком покажут завтра в 12:00 МСК на бесплатном мастер-классе: Claude Code на ваших глазах превращает идею в работающий сервис, без кода. Досмотревшим 10 промптов для сайтов.

Записаться бесплатно
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Смотрите ИИ-агента в деле: завтра в 12:00 МСК, бесплатно Записаться