Сервис за выходные, или обзор AI-инструментов для создания продукта
Сейчас пытаются автоматизировать с помощью ИИ вообще все: от программистов до консультантов, и врачей. Количество стартапов и сервисов для этого становится больше год к году. Насколько эти инструменты хороши и можно ли уже отказаться от продуктовой команды, заменив ее на пару сервисов за 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.
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 перезагрузить сайт и начинать генерации заново: где-то он отказывался помещать дизайн на канвас, где-то просто выдавал ошибку генерации.
Исходный код доступен, но только на про версии
Очень много фич для дизайна: превращение фотографий в компоненты, дизайн ревью... В общем, профессионалы оценили бы, наверное?
Возможность работать командой над одним проектом
Второго экрана нет - он начал выдавать ошибку, да и слава Богу - первого нам хватило, чтобы сделать выводы.
UX Pilot
UX Pilot - тоже своего рода ко-пайлот для дизайна, но с более простой структурой, чем у предыдущего героя. Тут тоже есть автофлоу (автоматическая генерация последовательности экранов), но контроля намного больше - каждый экран описывается перед генерацией и тебе дается возможность это описание изменить.
Trial: Около 12 генераций
Pro версия: 9$ / месяц: экспорт в фигму, в код, количество проектов и экранов без ограничений.
Хороший автофлоу, можно снизить свою когнитивную нагрузку на этапе продумывания последовательности экранов
Редактирование с помощью промптов довольно точное
Есть другие фичи для ux продукта: ревью дизайна, heatmap, интервью с AI пользователями (что?)
Исходный код и экспорт в фигму доступны, но только на про версии
Интерактивный дизайн - можно потыкать кнопки
Relume
Я слышал про Relume неплохие отзывы и, что его часто сравнивают с UX Pilot. Представляет из себя прямого конкурента предыдущему: такой же простой дизайн, генерация всего с помощью промптов, но присутствует возможность коллаборации и элементы фигмы: дизайн можно редактировать совместно и более точечно, не используя промпты.
Trial: 1 страница и один проект - home
Pro версия: 18$ / месяц - 1 проект, 5 страниц. 40$ / месяц - без ограничений.
Контроль автофлоу благодаря sitemap - определению, что и где будет в текстовом виде
Редактирование с помощью промптов, и вручную
Исходный код и экспорт в фигму доступны, но только на про версии
Интерактивный дизайн - можно потыкать кнопки
Коллаборация с командой над проектом
Триал версия очень жестко ограничена - ничего кроме лендинга на ней не сделаешь
Есть обучающие видео - новичкам будет проще освоится
Даже не смотря на мой промпт, он упорно генерировал home страницу как лендинг. Не знаю, проблема ли этой бесплатной версии и на других страницах такого нет, или не особо умного ИИ
Киллер фича - интеграция с webflow, то есть можно здесь сделать дизайн, а на webflow захостить свой проект. Не знаю, правда, придется ли и там подписку оплачивать
Итого
Больше всего мне понравился UX Pilot, хотя v0 звучит как будто бы тоже неплохо, но непонятно, насколько хорошо модель сможет справиться с большим количеством страниц. Текущие модели могут неплохо генерировать визуал для проектов, но использовать его где-то кроме MVP я бы не стал, или стал, но с вмешательством дизайнера.
Это была первая часть. Хотел добавить сюда весь воркфлоу: от дизайна до dns, так сказать, но первая часть уже оказалась довольно объемной. Если было интересно, то оставьте комментарий или поддержите реакцией - сделаю вторую часть про бекенд и с помощью каких сервисов этот дизайн можно превратить во что-то полноценное.
Челлендж, я, кстати, выполнил - проект с карточками за два дня залил в интернет, не написав ни одной строчки кода. О нем можете почитать тут.