1. Собрали все данные по чек-листу: задача от менеджера, функциональные требования, структура контента, навигация, интерактивные элементы, референсы.

2. Сформировали промт для Figma Make с указанием: использовать нейтральные заглушки вместо изображений, прописать состояние кнопок, компоненты и порядок блоков.

3. Сгенерировали макет, проверили соответствие функциональным требованиям и структуре, сделали несколько итераций правок через Point and Edit.

• Вайрфреймы теперь показывают структуру и логику продукта, без отвлечения на визуальные детали;

• Чем больше деталей мы собираем на этапе подготовки, тем меньше итераций нужно для правок;

• В этой работе роль дизайнера смещается в сторону аналитики: важно не просто принять результат от AI, а критически проверить его на соответствие UX-паттернам и пользовательским сценариям;

• Использование серых заглушек вместо изображений помогает сосредоточиться на компоновке и иерархии элементов, а не на контенте или картинках;

• При этом полностью от ручной работы отказаться нельзя — AI хорошо помогает на старте и отлично закрывают этап «белого листа», но финальные решения и доработка структуры остаются за дизайнером.

• Контекст — кто клиент и в чём реальная боль
• Цель — не «сделать сайт», а, например, «увеличить онлайн-продажи на 30%»
• Гипотезу — почему выбранное решение сработает
• Решение — формат и ключевые шаги

Результат — что изменится для бизнеса и пользователей

•

Быстрый старт

— не тратите недели на ТЗ
•

Меньше переделок

— сначала заказчик и подрядчик договариваются о смысле
•

Точная оценка

— понятны сроки и бюджет
•

Вовлечённая команда

— все видят цель, а не список экранов
•

Доверие клиента

— он видит, что исполнитель думает о результате, а не просто «делает задачу»