Как делать дизайн с ИИ

Нашел для вас полезный гайд по работе с дизайном через ИИ. Он не идеал, но точно поможет на первых этапах.

Его главная мысль довольно простая: нейросеть должна помогать воплощать дизайн, а не придумывать за человека, что именно нужно сделать.

ИИ знает правила композиции, типографики, цветовых сочетаний и визуальной иерархии. Но он не всегда понимает, что выглядит оригинально, соответствует продукту и вызывает нужное ощущение.

Поэтому запрос «сделай красивый сайт для стартапа» обычно заканчивается очередным аккуратным, но безликим лендингом.

Вот более рабочий подход.

До открытия Codex, Claude или Cursor ответьте на четыре вопроса:

Если ответов пока нет, можно попросить ИИ провести короткое интервью:

Я хочу разработать дизайн для своего продукта. Пока ничего не создавай. Сначала задай мне вопросы об аудитории, задаче продукта, характере бренда, нужном впечатлении и основном действии пользователя. После моих ответов сформулируй краткое направление дизайна.

ИИ здесь не рисует макет, а помогает привести идею в порядок.

Следующий шаг — найти примеры. Для этого подойдут Mobbin, Awwwards, Pinterest, Cosmos, Webflow Templates, Component Gallery и другие библиотеки интерфейсов.

Но сохранять нужно не просто «красивые картинки». Постарайтесь понять, что именно в них работает:

Лучше собирать отдельные папки: главные экраны, формы, карточки, тарифы, мобильная версия, иллюстрации и типографика.

Со временем из таких подборок формируется собственная библиотека решений. А заодно и тот самый визуальный вкус, который пока сложно передать модели одним промптом.

До генерации макета перечислите, что именно нужно создать.

Для лендинга это может быть:

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

У каждого блока должна быть своя задача. Первый экран объясняет продукт. Тарифы помогают выбрать. Форма регистрации не демонстрирует талант дизайнера, а позволяет зарегистрироваться без лишних приключений.

Вместо запроса «сделай весь сайт» лучше двигаться по частям.

Например:

Создай первый экран лендинга для сервиса [описание]. Аудитория: [кто]. Главная задача экрана: [что человек должен понять или сделать]. Характер бренда: [три определения]. Используй приложенные примеры как ориентир по композиции и настроению, но не копируй их. Сначала объясни выбранную структуру, затем создай компонент.

После первого экрана можно переходить к навигации, карточкам, тарифам, кнопкам и мобильной версии.

Так проще заметить ошибку и изменить направление до того, как нейросеть построит десять экранов в одном и том же неподходящем стиле.

Автор исходного гайда предлагает три уровня работы.

Первый — установить готовый design skill. Это самый быстрый вариант для небольшого проекта. Skill задаёт основные правила и помогает избежать очевидных ошибок. Результат обычно получается приемлемым, хотя и не всегда оригинальным.

Второй — создавать интерфейс компонент за компонентом. Это медленнее, зато человек сохраняет максимальный контроль над результатом.

Третий — собрать доску референсов и передать её ИИ вместе с подробным контекстом. Получается разумный компромисс между скоростью и качеством.

Безликий дизайн часто получается не из-за плохой вёрстки, а из-за стандартных изображений, случайных иконок и текста-заполнителя.

Сгенерируйте или подготовьте материалы специально для продукта:

Указывайте цвет, композицию, назначение и место изображения в интерфейсе. Картинка для фона и иллюстрация рядом с заголовком требуют разных промптов.

В итоге работа выглядит так:

смысл → аудитория → визуальное направление → референсы → структура → отдельные компоненты → собственные материалы → проверка и доработка.

Да, это длиннее одного запроса «сделай красиво».

Зато ИИ перестаёт быть автоматом по производству одинаковых лендингов и становится тем, чем он действительно полезен в дизайне: быстрым исполнителем, который помогает человеку проверить и воплотить собственную идею.

Хороший результат появляется не тогда, когда найден секретный промпт. Он появляется, когда человеку есть что сказать, есть на что ориентироваться и хватает вкуса, чтобы отбросить неудачные варианты.