AI-ассистент — это не поисковик и не автопилот
Первое что нужно понять: AI-ассистент — это не Google, которому задаёшь запрос и получаешь ссылку. И не автопилот, которому говоришь «лети туда» и идёшь спать.
Правильная аналогия — это опытный джун с хорошим вкусом, который делает всё что вы скажете, но не читает мысли. Он не знает контекст вашего проекта если вы его не дали. Не знает ваш стиль если вы его не описали. Не знает что «не то» если вы не сказали что именно не так.
Это меняет всё в том, как нужно формулировать задачи.
Четыре режима работы с AI в дизайне
AI-ассистент в дизайне используется в четырёх принципиально разных режимах — и каждый требует своего подхода.
Режим 1 — Генерация
Вы даёте намерение, AI создаёт первый черновик. Stitch, Figma Make, v0 — все работают в этом режиме.
Ключевое правило: не экономьте на контексте. Расплывчатый промпт даёт усреднённый результат. Хороший промпт для генерации содержит четыре вещи:
1. Кто пользователь и что он делает с продуктом
2. Какую конкретную задачу решает этот экран/компонент
3. Ощущение и стиль (референс лучше прилагательного)
4. Что точно не нужно
«Сделай дашборд» — плохо. «Дашборд для соло-разработчика, управляет задачами и временем, стиль как у Linear, тёмный фон, без иллюстраций и градиентов» — хорошо.
Режим 2 — Итерация
Черновик есть, вы его уточняете. Это самый частый режим в реальной работе.
Главная ошибка здесь — писать «переделай», когда нужно писать «измени конкретно вот это». AI не знает что именно вам не понравилось, он перегенерирует всё — и потеряет то, что было хорошим.
Правило итерации: один промпт — одно изменение. «Сделай кнопку больше и поменяй цвет шрифта и убери тень и добавь иконку» — это четыре изменения. AI сделает их все, но с высокой вероятностью что-то сломает. Лучше — по одному.
И всегда называйте что именно не так: «кнопка слишком маленькая, минимум 44px по высоте» работает лучше чем «кнопка выглядит слабо».
Режим 3 — Оценка
Попросить AI оценить свой дизайн — недооценённый режим. Работает особенно хорошо когда вы сами уже не видите очевидных проблем — «замыливается глаз».
Полезные запросы в этом режиме:
— Найди проблемы с иерархией на этом экране
— Что пользователь может не понять с первого взгляда?
— Проверь читаемость: достаточно ли контраст?
— Что здесь лишнее — что можно убрать не потеряв смысл?
Важный нюанс: AI в режиме оценки склонен к лести — говорит «хорошо» чаще чем нужно. Помогает прямой инструкция: «не хвали, только критикуй» или «найди минимум три проблемы».
Режим 4 — Объяснение
Попросить AI объяснить решение — полезно и для обучения, и для презентации. «Почему такой лейаут?», «Какие паттерны используются в этом компоненте?», «Как обосновать это решение стейкхолдеру?»
В этом режиме AI работает как думающий партнёр, а не исполнитель.
Как давать контекст: три уровня
Чем больше AI знает о проекте — тем точнее результат. Контекст можно давать на трёх уровнях.
Уровень 1 — В промпте
Самый простой: каждый раз объясняете всё заново. Работает для разовых задач, но неэффективно для длинных проектов — тратите токены и время на повторение.
Уровень 2 — В системных файлах
DESIGN.md и AGENTS.md в корне проекта — AI читает их автоматически перед каждой задачей. Один раз описали дизайн-систему, стиль бренда, правила — и больше не повторяете. Подробнее об этом в статье про DESIGN.md.
Уровень 3 — В скилл-файлах
SKILL.md — специализированный контекст для конкретных типов задач. Например: «когда делаешь форму — всегда следуй этим правилам». Загружается только когда нужен. Подробнее — в статье про SKILL.md.
Для большинства проектов достаточно уровня 2. Уровень 3 оправдан когда одна и та же задача повторяется часто.
Пять ошибок которые убивают результат
1. Слишком длинный промпт за один раз
Не нужно описывать весь продукт в одном промпте. Лучше — начать с одного экрана, утвердить направление, потом двигаться дальше. AI теряет фокус на очень длинных инструкциях.
2. Нет референса — есть только прилагательные
«Минималистичный», «современный», «чистый» — это не инструкции, это пожелания. AI не знает ваш «минималистичный». Давайте конкретные референсы: «как Linear», «как Notion», «как Bloomberg Terminal». Разница на выходе — существенная.
3. Принимать первый результат или отвергать всё целиком
Хороший подход — взять лучшее из первого результата и итерировать от него. Не «переделай», а «оставь лейаут, поменяй цвет и типографику».
4. Не проверять результат
AI уверенно делает вещи которые выглядят правильно но не работают: нечитаемый контраст, нелогичный flow, компонент без состояния hover. Всегда проверяйте результат как дизайнер, а не только как заказчик.
5. Пытаться объяснить «что не так» вместо «что должно быть»
«Это выглядит слишком громоздко» — AI будет угадывать что вы имеете в виду. «Уменьши padding с 32px до 16px, убери тень с карточек» — AI сделает точно.
Как строить диалог на практике
Рабочая схема для любой дизайн-задачи:
1. Контекст: кто пользователь, что за продукт, какая задача
2. Задача: что конкретно нужно сделать
3. Ограничения: что нельзя, какой стиль, какой референс
4. Формат результата: один вариант или несколько, с кодом или без
Пример для генерации компонента:
Контекст: SaaS для управления задачами, аудитория — разработчики,
дизайн-система в DESIGN.md
Задача: карточка задачи для канбан-доски
Ограничения: тёмная тема, статус через цветную точку (не бейдж),
без аватаров, приоритет через иконку слева
Формат: один вариант, React + Tailwind
После первого результата — итерируете точечно, по одному изменению.
Когда AI не поможет
Честный список задач где AI-ассистент в дизайне даёт плохой результат:
- Стратегические решения — что вообще строить и для кого. AI генерирует варианты, но не принимает продуктовые решения.
- Культурный контекст — дизайн для специфической аудитории (локальные паттерны, возрастные особенности). AI знает статистический центр, а не нишу.
- Оригинальный визуальный язык — AI хорошо воспроизводит существующие стили, плохо изобретает принципиально новые.
- Финальное суждение о качестве — «хорошо или нет» остаётся за человеком.
Всё остальное — черновики, итерации, проверка, генерация вариантов, перевод в код — AI делает быстро и достаточно хорошо.
Главное правило
AI-ассистент — это мощный инструмент-усилитель, но человек остаётся режиссёром процесса. Чем лучше вы умеете ставить задачу и оценивать результат — тем лучше работает AI. Это не про промпт-инжиниринг как отдельную профессию. Это про то, что ясное мышление всегда было главным навыком дизайнера — AI просто сделал это очевиднее.
Источник и полная версия: VibeCode Wiki