Собираем дизайн без дизайнера
Часть 1
Итак, чтобы собрать дизайн, сначала нужно разобраться, какие инструменты вообще есть на рынке.
Но перед этим давайте абстрагируемся от нейронок и вспомним: а как в принципе создают дизайн для продуктов без AI? Как выглядит процесс? Как это делают в IT?
Чтобы понять отправную точку, от которой будем двигаться, давайте коротко зафиксируем флоу. Есть какой-то продуктовый вижн. Он транслируется аналитикам. Аналитики формируют требования, затем идут к дизайнеру. Дизайнеры раскуривают пользовательский сценарий, ищут референсы, смотрят, как устроена дизайн-система, рисуют макеты.
Хочется, чтобы флоу остался привычным, только вместо дизайнера — нейронка, а вместо аналитика — мои требования, улучшенные через LLM под конкретную тулзу.
Значит, дизайнеру нужна:
– Figma
– дизайн-система
– CJM (пользовательский путь)
– концепция приложения
Теперь, отправная точка понятна. Нужно найти сервис, который сможет сохранить привычный флоу и заменит дизайнера.
Вместо Figma – нейронка, которая умеет в дизайн, результатом генерации будет макет с возможностью экспорта в Figma или другой Figma-подобный сервис.
Вместо дизайн-системы – промт, где описаны базовые цвета кнопок, типографика, скругления
А саму концепцию приложения заложить в базовый промт, чтобы дизайн и подходы под новые экраны строго соблюдали заданные рамки. Например, следовали Apple Human Interface Guidelines и современным модным подходам к построению интерфейсов в 2026.
Поиск инструментов
Расскажу в Часть 2
Там будут ссылки и ответы на пункты ниже:
– какие инструменты нашёл
– как сгенерировал промт для дизайн-системы
– как сгенерировал CJM
– промт для экранов (у меня их 28)
– практики: как при очередной генерации сохранить шаблонные элементы, стиль и концепцию
– export в Figma
– интеграция Figma с Claude Code (Codex, Antigravity)
А какие у вас процессы взаимодействия с дизайнерами? Буду рад, если поделитесь комментарием к посту. Хочу понять, насколько правильно выстроил флоу.
Часть 1
Итак, чтобы собрать дизайн, сначала нужно разобраться, какие инструменты вообще есть на рынке.
Но перед этим давайте абстрагируемся от нейронок и вспомним: а как в принципе создают дизайн для продуктов без AI? Как выглядит процесс? Как это делают в IT?
Чтобы понять отправную точку, от которой будем двигаться, давайте коротко зафиксируем флоу. Есть какой-то продуктовый вижн. Он транслируется аналитикам. Аналитики формируют требования, затем идут к дизайнеру. Дизайнеры раскуривают пользовательский сценарий, ищут референсы, смотрят, как устроена дизайн-система, рисуют макеты.
Хочется, чтобы флоу остался привычным, только вместо дизайнера — нейронка, а вместо аналитика — мои требования, улучшенные через LLM под конкретную тулзу.
Значит, дизайнеру нужна:
– Figma
– дизайн-система
– CJM (пользовательский путь)
– концепция приложения
Теперь, отправная точка понятна. Нужно найти сервис, который сможет сохранить привычный флоу и заменит дизайнера.
Вместо Figma – нейронка, которая умеет в дизайн, результатом генерации будет макет с возможностью экспорта в Figma или другой Figma-подобный сервис.
Вместо дизайн-системы – промт, где описаны базовые цвета кнопок, типографика, скругления
А саму концепцию приложения заложить в базовый промт, чтобы дизайн и подходы под новые экраны строго соблюдали заданные рамки. Например, следовали Apple Human Interface Guidelines и современным модным подходам к построению интерфейсов в 2026.
Поиск инструментов
Расскажу в Часть 2
Там будут ссылки и ответы на пункты ниже:
– какие инструменты нашёл
– как сгенерировал промт для дизайн-системы
– как сгенерировал CJM
– промт для экранов (у меня их 28)
– практики: как при очередной генерации сохранить шаблонные элементы, стиль и концепцию
– export в Figma
– интеграция Figma с Claude Code (Codex, Antigravity)
А какие у вас процессы взаимодействия с дизайнерами? Буду рад, если поделитесь комментарием к посту. Хочу понять, насколько правильно выстроил флоу.