Дизайнерский AI-мозгоштурм для создания интерфейсов

Дизайнерский AI-мозгоштурм

Еще буквально 2-3 месяца назад я все дизайн-мозгоштурмы проводил через такой подход:

Claude Code генерировал мне все дизайны на HTML канвасе, сразу несколько вариантов для выбора. Прям так и просил “Сгенерируй мне этот компонент в разных вариациях на HTML канвасе”. Получал свой красивый канвас, при чём классно организованный, с вариантами, размеченными номерами, подписанными и пр. Дальше я отвечал агенту “берем в работу 1 и 3, и давай от них 5 вариаций”. И так пока не находил классные решения, после этого уже переносил готовый дизайн на сайт/веб воронку/мобильное приложение. HTML канвасы прекрасны, потому что модели прекрасно знают HTML, весь веб это HTML и для обучения моделей этого материала в сети просто выше крыши.

При этом генерация интерфейсов в виде изображений всегда немного хромала, но модель gpt-image-2 очень сильно продвинулась вперёд в этом направлении. И теперь если мне нужно что-то изменить, поменять условно на экране мобильного приложения, я запускаю дизайн-мозгоштурм в ChatGPT, кидаю скриншот и прошу сгенерировать изменение на этом дизайне, например, поменять дизайн определенного контрола. Получаю так пачками варианты, отбираю нужные, нахожу классные решения, переиспользую и прошу в них что-то снова доработать и в итоге получаю дизайны в виде картинок, которые я дальше скармливаю в Claude Code и прошу такое реализовать.

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

Работает как часы!

Подписывайтесь на Telegram ИИволюция 👾.

1
Начать дискуссию