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

Рубрика «Эксперименты»: генерируем сайт кофейни.

Чтобы собрать сайт, нужно написать код, сделать дизайн, проанализировать контент. Это стоит денег и занимает много времени. В статье выясняем: можно ли с помощью ИИ-конструкторов и нейросетей для веб-дизайна самому создать сайт без кода.

Для чистоты эксперимента каждому сервису дадим одинаковое задание — сделать сайт кофейни для книгоманов «Кахве». В конце материала — полезные ресурсы для дизайна, нейминга и SEO-проверки сайта.

Содержание:

Сайт: www.stunning.so.

Стоимость: бесплатная пробная версия. Платные тарифы с автоматическим генератором логотипов, аналитикой, доступом к командной работе и другими расширениями от $12 до $79 в месяц.

Как зарегистрироваться: через имейл или Google.

Эта no-code-платформа генерирует сайты по текстовому описанию — от структуры до визуального оформления страницы. Результат можно доработать в конструкторе: добавить, переместить или поменять блоки. Stunning.so позволяет также интегрировать в сайт различные сервисы, например для приёма оплаты или поисковой оптимизации.

Кроме лендинга для бизнеса, в сервисе можно создать сайт-портфолио, блог, образовательный ресурс. Достоинство Stunning.so — инструмент интуитивно понятен, поэтому подойдёт даже новичкам.

Как пользоваться:

Результат — в карусели ниже. Визуальные элементы сгенерированы ИИ. Кнопки кликабельны и реагируют на наведение. Мы просили нейросеть создать сайт в бело-серой гамме с неоново-зелёными элементами. Но, видимо, слово «кофе» смутило ИИ ― раз кофейня, значит всё должно быть коричневым.

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

Сайт: www.framer.com.

Стоимость: бесплатная версия с ограниченными функциями, подписка от $5 в месяц. В платных версиях можно пользоваться хранилищем объёмом 10 Гб, создать две страницы и больше.

Как зарегистрироваться: через Google или имейл. Чтобы начать работу в России, нужно обойти региональные ограничения.

Framer — это ИИ-платформа для создания сайтов. У сервиса есть удобный визуальный редактор с поддержкой нейросетей для UX/UI-дизайна, который облегчает работу с интерфейсами. Также можно импортировать дизайн из Figma.

Как пользоваться:

Так выглядит шаблон до работы с ИИ.

А так — после редактирования. ИИ помогает центрировать тексты, подстраивать цвета и размер. Хотя это и делает процесс удобнее, основную работу придётся делать самостоятельно ― Framer не генерирует шаблоны с нуля.

Сайт: uizard.io.

Стоимость: бесплатная версия с ограничениями, подписка от $12 в месяц. В платной версии больше ИИ-генераций (500 вместо трёх), более продвинутая модель.

Как зарегистрироваться: через имейл, Google- или Microsoft-аккаунт. Чтобы начать работу в России, нужно обойти региональные ограничения.

Uizard — инструмент, в котором можно спроектировать макет будущего портала. В сервис встроена генерация сайтов с помощью ИИ. Результат выглядит как макет в Figma. Этот сервис подойдёт профессиональным дизайнерам и тем, кто уже умеет работать в специальных программах.

Как пользоваться:

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

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

Чёрный текст теряется на аляповатом фоне. Такой макет использовать нельзя, но в редакторе на сайте можно поправить результат вручную.

Второй макет выглядит уже лучше. Но содержание совсем не подходит ― получился скорее сайт для компании.

Сайт: heyleia.com.

Стоимость: есть бесплатный тариф, платные начинаются от $5 в месяц.

Как зарегистрироваться: через имейл или Facebook (принадлежит компании Meta, признанной в РФ экстремистской).

Leia — это ИИ-инструмент для разработки сайтов, который специализируется на создании лендингов для онлайн-бизнеса. С помощью нейросетей он не только автоматически генерирует страницы, но и подбирает оптимальные изображения, чтобы продемонстрировать товары и услуги.

В Leia можно редактировать HTML, добавлять свой домен, пользоваться формами и функциями для электронной торговли.

Как пользоваться:

За несколько минут сервис создал базовую версию сайта. Так выглядит главная страница лендинга. Здесь тоже кофейная гамма.

Нейросеть справилась неплохо, но сгенерировала сайт частично на английском языке. Можно использовать результат как основу ― добавить собственные изображения и заменить текст.

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

Сайт: www.mixo.io.

Стоимость: бесплатная пробная версия, подписка от $6 в месяц. На продвинутых тарифах (Growth и Premium) можно создавать больше страниц (от 10 до бесконечности), добавлять свой домен и редактировать сайт в HTML и СSS.

Как зарегистрироваться: через Google или имейл.

Mixo ― это инструмент для автоматического создания сайтов, который помогает генерировать лендинги для маркетинговых кампаний. Иными словами, с простым одностраничником для бизнеса нейросеть справится.

Как пользоваться:

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

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

С текстом у сайта явно возникли проблемы. В промпте мы ввели «coffee and book shop». Кажется, нейронка восприняла всё слишком буквально и действительно предлагает приобрести книги о кофе.

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

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

Если нужно создать простой лендинг или отдельный блок сайта, не обязательно разбираться в коде. Можно попросить чат-бот (например, Qwen) написать HTML- и CSS-код для конкретного макета. Вот как нейросеть справилась с промптом: «Создай адаптивный лендинг для кофейни „Кахве“, в которой книголюбы собираются, чтобы выпить чашечку ароматного кофе. Напиши HTML- и CSS-код».

Осталось только поправить код и добавить картинки.

Многие современные платформы для создания сайтов используют искусственный интеллект. Например, в Tilda встроены нейросети для веб-дизайна, которые помогают автоматически подбирать шрифты, цвета и генерировать текстовые блоки. Также доступны инструменты для адаптации страниц под мобильные устройства.

В стандартной версии WordPress пока нет встроенных ИИ-инструментов, но доступны плагины, такие как 10Web AI Builder, которые позволяют создавать сайты с помощью нейросетей.

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

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

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

Ниже — результат проверки сайта, который сгенерировала Leia. Он получил неплохую оценку в сервисе PageSpeed Insights. Но с точки зрения производительности недостатков много. А вот с помощью Webscore AI проверить сайт не удалось ― сервис выдал ошибку.

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

Как вы думаете, смогут ли ИИ-инструменты для разработки сайтов в будущем полностью заменить программистов?