Какой ИИ использовать, чтобы сделать сайт без кода?
Claude и другие крупные чат-ИИ теперь умеют собрать рабочий одностраничный сайт прямо в чате, а Claude Code может создать и опубликовать полноценный сайт с вашего компьютера. Ниже рассказываем, с какого ИИ начать, плюс no-code конструкторы, если вам удобнее кликать мышкой, чем писать запросы.
Какой ИИ справится лучше
- Claude#1ИИ-ассистентЕсть бесплатный план
Собирает рабочий лендинг прямо в чате с живым превью: можно покликать и попросить что-то поправить. Но это одна страница за раз: для домена, форм и хостинга код придётся перенести на хостинг или в конструктор.
Открыть Claude ↗✦ Попробуйте этот промптСделай одностраничный сайт для [название бизнеса], это [чем занимаетесь] в [город]. Блоки: первый экран с заголовком и кнопкой [Записаться / Связаться], 3 услуги с ценами [список], обо мне, 3 коротких вопроса-ответа, форма обратной связи. Стиль: [спокойный / яркий / минималистичный], цвета [цвета]. Адаптивно под телефон, обычные HTML и CSS в одном файле, покажи живое превью. Тексты напиши сам в дружелюбном тоне, потом спроси, что поменять.
- Claude Code#2ИИ-агентПлатно
Ваш выбор, если нужен настоящий многостраничный сайт, который принадлежит вам. Он создаёт файлы на вашем компьютере, запускает сайт локально и может выложить его на бесплатный хостинг. Понадобится платный план Claude и готовность писать в терминале или в десктопном приложении.
Открыть Claude Code ↗✦ Попробуйте этот промптВ этой пустой папке сделай быстрый многостраничный сайт для [название бизнеса] ([чем занимаетесь]). Страницы: Главная, Услуги ([список]), Обо мне, Контакты с формой, которая отправляет письма на [ваш email]. Используй Astro, никаких платных сервисов. Тексты напиши сам, коротко и дружелюбно. Запусти сайт локально и дай ссылку для проверки. Когда скажу, что всё ок, пошагово проведи меня через бесплатную публикацию на Netlify или Vercel.
- Gemini#3ИИ-ассистентЕсть бесплатный план
Бесплатный вариант. В режиме Canvas он пишет страницу и показывает живое превью, а ещё может повторить стиль по скриншоту понравившегося сайта. Тексты получаются пресноватее, чем у Claude, а крупные правки иногда ломают вёрстку.
Открыть Gemini ↗✦ Попробуйте этот промптОткрой Canvas и сделай одностраничный сайт для [название бизнеса], это [чем занимаетесь]. Прикрепляю скриншот сайта, стиль которого мне нравится: повтори его структуру и настроение, но не тексты. Нужно: заголовок, [число] услуг с коротким описанием, место под отзывы, блок контактов с [телефон/email]. Один HTML-файл, адаптивно под телефон, с живым превью.
- ChatGPT#4ИИ-ассистентЕсть бесплатный план
Подойдёт для быстрой страницы в Canvas и хорошо пишет тексты, но превью работает не так гладко, как у Claude, и без настойчивых просьб он часто не доводит дизайн до конца.
Открыть ChatGPT ↗✦ Попробуйте этот промптНапиши все тексты и код для одностраничного сайта [название бизнеса] ([чем занимаетесь], целевые клиенты: [кто]). Блоки: заголовок + подзаголовок, 3 преимущества, услуги с ценами [список], коротко обо мне, частые вопросы, контакты. Код положи в один HTML-файл со встроенным CSS, адаптивно под телефон, цвета [цвета]. Потом перечисли, что стоит поменять перед публикацией.
Специализированные сервисы
- LovableЕсть бесплатный план
Лучший вариант, если сайту нужны настоящие функции: регистрация, база данных. Описываете в чате, а код он пишет сам.
Открыть Lovable ↗ - FramerЕсть бесплатный план
Лучше всего для аккуратного лендинга или портфолио. ИИ набрасывает макет, а дальше вы правите его визуально, как в дизайн-редакторе.
Открыть Framer ↗ - Bolt.newЕсть бесплатный план
Быстро собирает прототипы прямо в браузере. Подходит, когда хочется проверить идею сегодня, а решить, стоит ли она того, потом.
Открыть Bolt.new ↗
Обновлено: