Bubble AI

Недавно в аккаунте Bubble одного из моих проектов появилась долгожданная фича для генерации страниц с помощью AI.

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

Давайте посмотрим, что я успел понять об этой фиче.

Процесс создания

Процесс создания состоит всего из двух шагов - выбора шаблона и написания промпта.

Я занимаюсь разработкой кастомных CRM, поэтому мой выбор пал на Dashboard. Он также наиболее интересен, тем что включает в себя несколько сложных компонентов - графики, метрики, таблицы.

Возможно в будущем этот этап станет опциональным или сведется до категорий Страница/Компонент

На втором шаге нужно написать промпт.

Мой промпт был таким:

I want to have admin page to manage main entities - products, clients, orders. It should be single page application. Each subpage should have the same - table with data and ability open details of item in popup to edit/delete it, create new record button and 3 filters - 1 search and 2 dropdowns.

Идея была в том, чтобы проверить, насколько AI сможет детально проработать требования и соответствовать им.

Как мы видим, существует возможность остаться в рамках текущих стилей, но мне это не удалось проверить.

Дизайн

После нескольких секунд раздумий Bubble создал новую страницу с вот таким интерфейсом:

Вполне не дурно

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

К удивлению весь дашборд включая таблицы и меню оказался адаптивным:

Над фильтрами нужно поработать

Даже боковая панель открывается в мобильной версии

Функциональность

Из функционального были только кнопки открытия меню в мобильном виде и еще несколько простых действий.

В рамках Single Page Application хотелось бы увидеть несколько рабочих экранов с возможностью переключения. Или хотя бы готовые кнопки с привязкой к Option set.

Стили

Не буду врать, я подзабыл, но вроде AI создал ряд классов и точно (это я помню) создал ряд кастомных цветов вкладке Styles с четким описанием.

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

Итог

Мое мнение - это будет хорошо работать быстрого создания демо для клиентов и создания простых компонентов/лендингов.

Так как подходы к разработке зависят от стэка (БД может быть на Airtable, SQL и тд) и требуемого функционала на конкретном проекте, то сложно прописать логику и дизайн создаваемых элементов, которые подойдут всем.

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

На данный момент я активно использую Framify для создания собственной библиотеки - он позволяет копировать элементы вместе с стилями и включает в себя множество других полезных фичей.

Ставьте лайк и подписывайтесь, чтобы прокачиваться в no-code вместе со мной