Нейросеть для создания сайтов: 3 сервиса, чтобы сделать сайт с помощью ИИ

Искусственный интеллект уже не первый год помогает писать тексты, озвучивать видео, генерировать изображения, составлять план питания и даже заменяет психолога и собеседника. Нужно сделать сайт, а средств на дизайнера и разработчиков нет? Вам помогут нейросети для создания сайтов. Конструкторы на базе ИИ могут генерировать блоки, видоизменять стили, шрифты, изображения, менять текстовое наполнение и многое другое. Они отлично подойдут для малого бизнеса, стартапов и пользователей, у которых нет опыта в программировании.

Представляем вам 3 сервиса, которые помогут обзавестись собственным сайтом без лишних трат денег и времени.

1. Dora AI
2. Mysite.ai
3. Readdy AI

Лучшие нейросети для создания сайтов

Dora AI

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

Что умеет Dora AI:

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

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

Чтобы воспользоваться ИИ, необходимо авторизоваться с помощью Google или зарегистрироваться через email. Далее вам предложат пройти небольшой опрос от команды разработки — и можно будет приступать к работе с сервисом.

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

Предупреждаем, что промпт необходимо писать на английском языке, так что стоит воспользоваться Google Translate, если не уверены в своих знаниях. Длина описания — до 300 знаков с пробелами. Если вы никак не можете придумать идею для сайта, а просто хотите протестировать нейронку — можете воспользоваться функцией «Surprise me», чтобы Dora AI сгенерировала идею. 

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

Мы решили использовать «Surprise me» и выбрали промпт «Landing page for McDonald's new products, a cheeseburger with fries and soda on a yellow checkered tablecloth», а также стиль «Fluid contrast». Генерация лендинга заняла 25 секунд, и такой результат мы получили:

Нейросеть для создания сайтов предложила два варианта, которые стоили нам 20 кредитов. Чтобы выбрать один и сгенерировать его, потребуется еще 20 кредитов. Если захочется внести изменение в промпт или стиль, за это также необходимо отдать 20 кредитов. Так что хорошо подумайте, прежде чем начать генерировать сайт, чтобы не потратить сразу все токены.

Перед нами открылся редактор сайтов:

Можно посмотреть, как сайт будет смотреться на разном типе устройств — планшете, десктопе и мобильном телефоне:

Также можете ознакомиться с размерами дисплеев, чтобы убедиться в адаптивности:

Справа отображается пункт меню со слоями — «Layers», где вы можете вносить изменения в шапку меню, текстовые описания, цвета фонов, изображения, текстовые наполнения, кнопки и футер: 

Возможность вносить изменения в текстовое наполнение лендинга и генерировать его варианты появляется только после подписки.

При нажатии на текстовое поле справа отобразится меню, которое отвечает за редактуру текста:

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

Без подписки можно поменять цвет фона и кнопок в поле справа в блоке «Fill» и «Selection Colors»:

Также бесплатно можно поменять фон, загрузив свой:

Если на вашем фоне должны находиться дополнительные элементы (вроде бургера, как на скриншоте выше) — их стоит добавить на изображение, прежде чем загрузить.

Для внесения изменений в блоках сайта необходимо нажать «+» в пункте меню справа:

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

Внизу страницы есть возможность добавлять и редактировать анимацию, также при покупке подписки.

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

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

При регистрации Dora AI предоставляет пользователям 120 кредитов — это приблизительно 12 предпросмотров или 6 сгенерированных веб-страниц. Вы получаете стандартную скорость генерации, возможность использовать домен dora.run до 1 тысячи пользователей в месяц. За подписку придется отдать от $18 до $30 в месяц.

С полной информацией по пакетам вы можете ознакомиться здесь. 

Mysite.ai

Mysite.ai — это конструктор сайтов с искусственным интеллектом. Сервис позиционирует себя не просто как нейросеть для создания сайтов, а как профессиональную панель, с которой можно создать веб-страницу без опыта. 

Что умеет Mysite.ai:

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

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

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

Для создания веб-страницы нажмите «Create new website» и заполните анкету на английском языке, состоящую из 5 пунктов:

1. Опишите свой бизнес, услугу или бренд.
2. Укажите название компании или бренда.
3. Напишите основную цель сайта — на данном этапе ИИ самостоятельно предложит варианты, где вы можете выбрать сразу несколько пунктов или нажать «Suggest more», если нужно больше вариантов для ответа.
4. Установите желаемое действие для посетителей сайта, можно выбрать несколько вариантов.
5. Опишите ощущения, которые вы хотите вызвать сайтом, — здесь есть возможность выбора вариантов ответа.

После заполнения данных сервис сгенерирует лендинг, основанный на ваших ответах.

Какие категории мы выбрали:

1. Кофейня.
2. Momo Coffee.
3. Специальные обучающие семинары для бариста, продвижение сезонных напитков, возможность онлайн-заказа с самовывозом.
4. Посещение заведения, подписка в социальных сетях.
5. Теплый и добрый.

Результат, который получили:

Сайт выглядит достаточно просто и лаконично, все описание сгенерировано самим сервисом на основе заполненных ранее данных.

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

Для бесплатного использования вам даются 9 правок, если захочется добавить больше изменений — придется купить подписку.

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

Если вы хотите поменять блоки местами — нажмите на него и выберите подходящее действие «Move Up» или «Move Down»:

Также есть возможность дублировать блоки, но это действие считается за 1 генерацию.

Дважды нажав на текст, вы можете вручную переписать наполнение:

Если хотите видоизменить блок, нажмите на него и слева в поле меню выберите «Change Section Layout»:

Нейросеть для создания сайтов предложит вам 3 варианта преобразований. Также можно сгенерировать блок заново.

Хотите заменить изображение — нейросеть предложит загрузить его самостоятельно или найти подходящее на стоках.

Результат после внесения изменений в наш сайт:

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

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

При регистрации Mysite.ai дает 9 правок. Сюда включены практически все изменения, кроме замены изображения, перемещения блоков и ручной редактуры текстов. Цена за подписку составит от $12 до $15 в месяц. Базовая версия дает возможность получить бесплатный домен, личного ИИ-помощника, делать безлимитные правки и создавать неограниченное количество сайтов. Версия «Бизнес» позволит добавлять контактные формы, делать экспорт контактов и автоматически сохранять всю входящую информацию, которую оставят пользователи. 

Readdy AI

Readdy AI — нейросеть для создания сайтов и пользовательских интерфейсов. Сервис генерирует на основе текстового описания профессиональный интерфейс, позволяя на основе запроса получить на выходе полноценный сайт.

Что умеет Readdy AI:

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

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

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

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

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

В двух предыдущих сервисах сайты генерировались намного быстрее, но в этот раз мы попросили создать многостраничный сайт, а не лендинг. На создание понадобилось около 3–5 минут. Показываем результаты генерации постранично.

Главная страница:

Страница со статьями:

Страница с конференциями:

Страница с рекламными обзорами:

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

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

В меню можно посмотреть, как будет выглядеть сайт в полноэкранном режиме, а также скачать код сайта или перенести дизайн в Figma (последнее можно сделать, только купив подписку).

В отличие от предыдущих сервисов для внесения корректировок в Readdy AI нужно писать запрос в поле слева, а не выделять каждый блок отдельно и редактировать его:

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

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

В бесплатной версии сервис дает 100 кредитов, позволяя скачать код сайта и создать 2 проекта. Стоимость месячной подписки составит от $20 до $160 в зависимости от количества необходимых кредитов на генерацию сайтов.

Подробнее можно узнать здесь.

Вывод

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