Нейросети для дизайна. Сравнение 5 ИИ для дизайна

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

• Figma Make
• Bolt.new
• Lovable.dev
• Base44
• v0.dev

Оценивать данные инструменты мы будем следующим образом. В каждом из них, мы создадим одно и то же веб-приложение по определенному промту с референсом. В результате мы планируем получить дашборд, с отслеживанием каких-то ежедневных задач. В качестве референса будем использовать вот эту работу.

Референс с которым мы будем работать. Источник: Dribbble @FireartStudio

Помечу, что проверять мы будем верстку макетов, а не подключение баз данных, авторизаций и т.п. Это реализуемо, в этих инструментах, но пока что, в реальном проекте, не сильно представляется возможным. Разработчиков AI пока что не заменяет (хотя PM академии в этом уже не уверен😅)

Что мы будем оценивать? 

• Скорость. За сколько каждая из моделек справилась. 
• Возможность экспорта кода без подписки. Дабы мы могли потом наш код развернуть в какой-нибудь IDE, по типу Cursor или Antigravity, вносить изменения, подключать базы данных, оплаты, сервисы, комитить и деплоить.
• Ограничения. Есть ли ограничения на запросы и какие
• Соответствие референсу и работоспособность. На сколько хорошо результат соответствует референсу и работоспособность нашего сервиса
  

Figma Make

Первым инструментом мы будем тестировать Figma Make. Во всех инструментах у нас будет один и тот же флоу работы. Подгружаем референс, добавляем промт и смотрим на результат.

Результат Figma Make

• Скорость: На генерацию варианта и фикс багов ушло примерно ~6 минут
• Возможность экспорта кода без подписки: Figma Make позволяет экспортировать код
• Ограничения: 3000 кредитов в месяц с возможностью дополнительной покупки
• Соответствие референсу и работоспособность: Хорошо

Bolt.new

Следующий на очереди у нас Bolt.new. Действуем по тому же сценарию, подгружаем референс, добавляем промт и смотрим на результат.

Результат Bolt.new

• Скорость: На генерацию варианта ушло ~8 минут
• Возможность экспорта кода без подписки: Код можно достать обходными путями, напрямую его скачать можно только на PRO планах.
• Ограничения: 1M токенов в месяц и 300К токенов в день
• Соответствие референсу и работоспособность: Работоспособность хуже чем у Figma Make, многие функции не реализованы

Lovable.dev

Дальше посмотрим, что же нам выдаст Lovable, инструмент про который я впервые услышал на Config в Лондоне, когда мы задавали вопросы дизайнерам со всего мира.

Результат Lovable

• Скорость: На генерацию варианта ушло ~8 минут
• Возможность экспорта кода без подписки: Есть возможность экспорта кода, но редактирование доступно только на PRO-планах
• Ограничения: 5 кредитов в день, что позволяет сделать всего несколько запросов
• Соответствие референсу и работоспособность: Хорошо

Хоть и Lovable во время записи видео не выдал нам никаких результатов и мы его не учитывали, эксклюзивно для читателей наших статей мы его разобрали отдельно. 

Base44

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

Результат Base44

• Скорость: На генерацию варианта ушло ~6 минут
• Возможность экспорта кода без подписки: Экспортировать код без подписки нельзя
• Ограничения: 5 дневных кредитов и 25 месячных кредитов, на генерацию нашего примера ушло 3.2 месячных кредита
• Соответствие референсу и работоспособность: Хорошо

v0.dev

И заключительный инструмент, v0, позиционирует себя как создатель UI дизайна и компонентов, давайте проверим насколько качетсвенный результат мы получим.

Результат v0

• Скорость: На генерацию варианта и исправление багов ушло ~8 минут
• Возможность экспорта кода без подписки: Можно экспортировать архив со всем кодом
• Ограничения: Дается $5 на кредиты в месяц на бесплатном тарифе. На генерацию нашего проекта ушло $1.62
• Соответствие референсу и работоспособность: Хорошо

Итоги

И вот такая таблица результатов у нас по итогу получилась:

Финальная таблица результатов генераций

Лично я, своё предпочтение отдам Figma Make, я немного предвзят, с Make я работал больше чем с другими инструментами, да и Figma не ноунейм и не планирует останавливаться, чего не скажешь про другие инструменты, которые сегодня-завтра могут лопнуть.

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

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