Как стать автором
Обновить

Сервис за выходные, или обзор AI-инструментов для создания продукта

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров3.3K

Сейчас пытаются автоматизировать с помощью ИИ вообще все: от программистов до консультантов, и врачей. Количество стартапов и сервисов для этого становится больше год к году. Насколько эти инструменты хороши и можно ли уже отказаться от продуктовой команды, заменив ее на пару сервисов за 20$ в месяц? Давайте попробуем!

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

UI/UX сервисы

Мне всегда казалось самым сложной частью для автоматизации - работа дизайнера, в том числе UI/UX. Для кода все понятно - это просто язык, на котором даже GPT-3 могла что-то сказать, а вот может ли робот написать симфонию и все это... Оказалось, что очень даже может - с большими оговорками, но все по порядку.

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

Наш промпт

Первая страница

I am developing a web app focused on generating vocabulary for language learners. Design the main page, which should display topic cards (each featuring a name and image) along with the language level. The cards must be organized into groups based on the language. The overall design should be modern and minimalistic.

Вторая страница

Now, design the second page in the same style. This page will be for simple "choose the correct answer" tasks. It should include the following:Task text and multiple-choice optionsTask number (e.g., 1/10)Progress barTopic name

v0

v0 - относительно новый (всего год) инструмент, нацеленный чисто на создание страниц. Он умеет писать на React, Tailwind CSS, и Shadcn UI.

Интерфейс похож на ChatGPT+Canvas. В левой части промптим, а в правой можно изменять код в и смотреть на получившийся результат.
Интерфейс похож на ChatGPT+Canvas. В левой части промптим, а в правой можно изменять код в и смотреть на получившийся результат.

Trial: Есть. Непонятно, сколько сообщений в день
Pro версия:
20$ / месяц, дает 100-200 сообщений в день

  • Очень минималистичный инструмент, в котором не составит труда разобраться

  • Неплохо сохраняет единообразный стиль

  • Доступен весь сгенерированный код, его можно править во встроенном редакторе

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

Наш главный экран
Наш главный экран
Экран с заданиями
Экран с заданиями

Galileo AI

Galileo AI больше похож на dribbble, behance и все эти соц. сети для дизайнеров. Есть очень много примеров уже сгенерированных проектов, что не оставляет тебя с пустым листом, за одно показывая возможности инструмента. По умолчанию, все сгенерированные тобой дизайны тоже попадают в публичную коллекцию.

Вдохновитесь примерами или создайте свой дизайн с помощью промпта.
Вдохновитесь примерами или создайте свой дизайн с помощью промпта.

Trial: Есть. Всего около 15 генераций
Pro версия: 16$ / месяц - 120 генераций в месяц, 32$ / месяц - 300 генераций в месяц.

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

  • Каждая генерация предлагает два разных варианта интерфейса.

  • Можно отдельно генерировать под Mobile, и под Web

  • Доступен весь сгенерированный код, править его нельзя

  • Можно менять дизайн с помощью промптов, но модель не сильно отзывчивая - попросил ее удалить несколько кнопок и удалила она не все

  • Киллер-фича - перенос дизайна сразу в фигму

Главный экран
Главный экран
Экран с заданиями
Экран с заданиями

Uizard

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

Слева - панель для разработки, по середине наши экраны.
Слева - панель для разработки, по середине наши экраны.

Trial: 3 генерации в месяц
Pro версия: 12$ / месяц - 500 генераций в месяц, 32$ / месяц - 5000 генераций в месяц.

  • Из плюсов: он генерирует сразу весь воркфлоу для нашего сервиса: от лендинга до календаря занятий

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

  • Цвета подбирает тоже странно. Можете прочитать, что написано белым шрифтов на кислотно зеленых кнопках?

  • Очень много багов: чтобы сгенерировать одну страницу, пришлось раз 5 перезагрузить сайт и начинать генерации заново: где-то он отказывался помещать дизайн на канвас, где-то просто выдавал ошибку генерации.

  • Исходный код доступен, но только на про версии

  • Очень много фич для дизайна: превращение фотографий в компоненты, дизайн ревью... В общем, профессионалы оценили бы, наверное?

  • Возможность работать командой над одним проектом

Наш main screen. Если бы такое делал Артемий Лебедев, сколько он взял бы?
Наш main screen. Если бы такое делал Артемий Лебедев, сколько он взял бы?

Второго экрана нет - он начал выдавать ошибку, да и слава Богу - первого нам хватило, чтобы сделать выводы.

UX Pilot

UX Pilot - тоже своего рода ко-пайлот для дизайна, но с более простой структурой, чем у предыдущего героя. Тут тоже есть автофлоу (автоматическая генерация последовательности экранов), но контроля намного больше - каждый экран описывается перед генерацией и тебе дается возможность это описание изменить.

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

Trial: Около 12 генераций
Pro версия: 9$ / месяц: экспорт в фигму, в код, количество проектов и экранов без ограничений.

  • Хороший автофлоу, можно снизить свою когнитивную нагрузку на этапе продумывания последовательности экранов

  • Редактирование с помощью промптов довольно точное

  • Есть другие фичи для ux продукта: ревью дизайна, heatmap, интервью с AI пользователями (что?)

  • Исходный код и экспорт в фигму доступны, но только на про версии

  • Интерактивный дизайн - можно потыкать кнопки

Главный экран
Главный экран
Экран с заданиями
Экран с заданиями

Relume

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

Relume позволяет точечно определить структуру страниц перед их генерацией
Relume позволяет точечно определить структуру страниц перед их генерацией

Trial: 1 страница и один проект - home
Pro версия: 18$ / месяц - 1 проект, 5 страниц. 40$ / месяц - без ограничений.

  • Контроль автофлоу благодаря sitemap - определению, что и где будет в текстовом виде

  • Редактирование с помощью промптов, и вручную

  • Исходный код и экспорт в фигму доступны, но только на про версии

  • Интерактивный дизайн - можно потыкать кнопки

  • Коллаборация с командой над проектом

  • Триал версия очень жестко ограничена - ничего кроме лендинга на ней не сделаешь

  • Есть обучающие видео - новичкам будет проще освоится

  • Даже не смотря на мой промпт, он упорно генерировал home страницу как лендинг. Не знаю, проблема ли этой бесплатной версии и на других страницах такого нет, или не особо умного ИИ

  • Киллер фича - интеграция с webflow, то есть можно здесь сделать дизайн, а на webflow захостить свой проект. Не знаю, правда, придется ли и там подписку оплачивать

Генерировать что-то, кроме лендинга он отказался...Хотя бы лендинг неплохой но без картинок
Генерировать что-то, кроме лендинга он отказался...Хотя бы лендинг неплохой но без картинок

Итого

Больше всего мне понравился UX Pilot, хотя v0 звучит как будто бы тоже неплохо, но непонятно, насколько хорошо модель сможет справиться с большим количеством страниц. Текущие модели могут неплохо генерировать визуал для проектов, но использовать его где-то кроме MVP я бы не стал, или стал, но с вмешательством дизайнера.

Это была первая часть. Хотел добавить сюда весь воркфлоу: от дизайна до dns, так сказать, но первая часть уже оказалась довольно объемной. Если было интересно, то оставьте комментарий или поддержите реакцией - сделаю вторую часть про бекенд и с помощью каких сервисов этот дизайн можно превратить во что-то полноценное.

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

Теги:
Хабы:
Всего голосов 9: ↑5 и ↓4+5
Комментарии0

Публикации

Истории

Работа

Ближайшие события

2 – 18 декабря
Yandex DataLens Festival 2024
МоскваОнлайн
11 – 13 декабря
Международная конференция по AI/ML «AI Journey»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань