Дизайнерский AI-мозгоштурм для создания интерфейсов
Дизайнерский AI-мозгоштурм
Еще буквально 2-3 месяца назад я все дизайн-мозгоштурмы проводил через такой подход:
Claude Code генерировал мне все дизайны на HTML канвасе, сразу несколько вариантов для выбора. Прям так и просил “Сгенерируй мне этот компонент в разных вариациях на HTML канвасе”. Получал свой красивый канвас, при чём классно организованный, с вариантами, размеченными номерами, подписанными и пр. Дальше я отвечал агенту “берем в работу 1 и 3, и давай от них 5 вариаций”. И так пока не находил классные решения, после этого уже переносил готовый дизайн на сайт/веб воронку/мобильное приложение. HTML канвасы прекрасны, потому что модели прекрасно знают HTML, весь веб это HTML и для обучения моделей этого материала в сети просто выше крыши.
При этом генерация интерфейсов в виде изображений всегда немного хромала, но модель gpt-image-2 очень сильно продвинулась вперёд в этом направлении. И теперь если мне нужно что-то изменить, поменять условно на экране мобильного приложения, я запускаю дизайн-мозгоштурм в ChatGPT, кидаю скриншот и прошу сгенерировать изменение на этом дизайне, например, поменять дизайн определенного контрола. Получаю так пачками варианты, отбираю нужные, нахожу классные решения, переиспользую и прошу в них что-то снова доработать и в итоге получаю дизайны в виде картинок, которые я дальше скармливаю в Claude Code и прошу такое реализовать.
А если из сгенерированной картинки с дизайном нужны иконки или к примеру фоновую картинку (вдруг модель придумала что-то такое для украшательства), просим сгенеририровать каждую иконку отдельно и выдать нам набор файлов, который мы скармливаем агенту, чтобы при верстке он сразу бы взял весь пак файлов в работу.
Работает как часы!
Подписывайтесь на Telegram ИИволюция 👾.