Нейросети для дизайнера: от идеи до макета

Нейросети для дизайнера — это не кнопка «сделать красиво», а набор ускорителей для конкретных этапов: разобрать бриф и найти в нём противоречия, за вечер получить 40 направлений для мудборда вместо 5, собрать кликабельный прототип по текстовому описанию, убрать фон с 200 фотографий товаров. Вкус, композиция и ответственность за итог остаются за человеком — зато времени на них становится больше.

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

Где нейросеть помогает дизайнеру, а где нет

Проще всего понять границу по типу работы. Там, где нужно много вариантов и не страшно выбросить 90% из них, нейросеть экономит больше всего. Там, где важна точность до пикселя и согласованность с системой, — меньше всего: генератор не держит сетку, не знает ваших токенов и не помнит, какой радиус скругления вы утвердили в прошлом месяце. Сводка по этапам — в таблице.

Бриф и исследование до первого пикселя

Первая полезная задача — вовсе не картинки. Загрузите бриф клиента в текстовую модель и попросите найти в нём противоречия и пробелы: «премиально, но дёшево», «для молодёжи и для их родителей», отсутствие данных о том, где будет использоваться логотип. Модель вытаскивает такие места за минуту, а вы приходите на встречу с 10 точными вопросами вместо общего «расскажите подробнее».

Второе применение — быстрый разбор визуала конкурентов. Сделайте скриншоты 5–7 сайтов или упаковок, загрузите в модель, которая принимает изображения, и попросите таблицу: цветовая гамма, тип шрифтов, стиль фотографий, настроение, что повторяется у всех. Такая таблица показывает визуальные штампы ниши — и где у клиента есть шанс отличиться. Цвета модель по скриншоту называет приблизительно, точные значения берите пипеткой.

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

Мудборд и концепты

Генераторы изображений превратили мудборд из поиска по Pinterest в производство. Вместо того чтобы искать 30 референсов, похожих на идею, вы генерируете 30 вариантов самой идеи в разных стилях и выбираете направление. Работает это лучше всего, когда описание разложено по слоям: объект, окружение, свет, ракурс, материал, стиль, палитра, чего быть не должно.

Запрет «без текста» важен: генераторы до сих пор нередко искажают буквы, особенно кириллицу, и текст на макете лучше ставить в редакторе. Второй приём — фиксировать удачное: если вариант понравился, сохраните его зерно генерации (seed) или используйте его как референс для следующих, чтобы серия была в одном стиле.

Выбор генератора зависит от задачи. Midjourney силён в художественных стилях и атмосфере. Модели OpenAI и Google лучше следуют длинным точным описаниям и редактируют изображение по текстовой команде. Recraft умеет выдавать вектор в SVG — это удобно для иконок и простых иллюстраций, которые потом правятся в редакторе. Из российских — Kandinsky от Сбера и Шедеврум от Яндекса: они работают без VPN и оплаты в валюте, хотя в сложных стилях обычно уступают. Как оплачивать зарубежные сервисы, разобрано в гайде доступ к нейросетям и оплата.

Интерфейсы: от описания к прототипу

В интерфейсном дизайне нейросети изменили самый ранний этап. Раньше между идеей и кликабельным прототипом лежали часы в редакторе, теперь — текстовое описание. Инструменты вроде Figma Make, v0 или артефактов в Claude собирают по описанию работающий прототип на HTML и React: с кнопками, состояниями и переходами. Для проверки гипотезы с пользователями или разговора с разработчиком этого часто хватает.

Ограничение то же, что у генераторов картинок: прототип выглядит как среднее по интернету. Своей дизайн-системы у инструмента нет, пока вы её не дадите, — поэтому описывайте токены прямо в запросе: цвета, шрифты, радиусы, отступы, стиль кнопок. Чем точнее описание системы, тем меньше прототип будет похож на шаблон. Для российских команд есть дополнительный риск: с конца мая 2026 года пользователи из России сообщают о перебоях с доступом к Figma, поэтому критичные файлы стоит держать с резервной копией в другом редакторе.

Вторая задача, где модели сильны, — тексты интерфейса. Названия кнопок, подсказки, сообщения об ошибках, пустые состояния дизайнер часто пишет на ходу, и они получаются разнобойными. Дайте модели список экранов и попросите единый набор текстов с правилами: глагол в кнопках, без «Ошибка!» в начале сообщений, объяснение, что делать дальше. Результат согласуйте с редактором или продактом.

Отдельный вопрос — что делать с кодом прототипа. Соблазн отдать его разработчикам как готовую вёрстку велик, но обычно это ошибка: сгенерированный код собран под демонстрацию, а не под продакшн, в нём нет ваших компонентов, доступность проверена поверхностно, а структура файлов случайная. Переписывать такой код обычно дольше, чем собрать экран заново из готовых компонентов.

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

Рутина: фоны, размеры, тексты в макете

Больше всего часов нейросеть экономит на задачах, которые никто не любит. Удаление фона с фотографий товаров, увеличение разрешения старых изображений, расширение кадра под другой формат (из квадрата 1:1 в баннер 16:9), замена объекта на фото — всё это делается за секунды на изображение, а пачкой — за минуты. Встроенные функции есть в Photoshop и в большинстве онлайн-редакторов, для больших объёмов удобнее скрипт на API.

Вторая рутина — адаптации. Один баннер нужно сделать в 8 размерах для разных площадок: модель не сделает это идеально, но черновые раскладки подготовит, а вам останется поправить. Третья — подписи и альтернативный текст для изображений на сайте: мультимодальная модель описывает картинку, вы редактируете. Для доступности сайта это важно: у каждого содержательного изображения должно быть осмысленное описание, у декоративного — пустое.

Осторожнее с фотографиями реальных товаров. Генеративное редактирование умеет «улучшать» картинку целиком и при этом незаметно меняет сам предмет: другой оттенок ткани, лишний шов, иная форма крышки. Для каталога и рекламы это уже не ретушь, а искажение потребительских свойств, за которое отвечает продавец, а по закону «О рекламе» — и рекламодатель. Правило: меняйте фон, свет и окружение, но сам товар сверяйте с исходным фото при 100% увеличении. Для карточек маркетплейсов проверьте и правила площадки — многие прямо требуют, чтобы изображение соответствовало товару.

Если такие задачи повторяются каждую неделю, их стоит превратить в сценарий, который запускается одной командой. Готовые инструкции для агентов — перенос макета в код, работа с дизайн-системой, анимации — собраны на полке скиллов для дизайнера.

Как проверить макет нейросетью

Модель, которая видит изображения, полезна как придирчивый второй взгляд. Загрузите экран и попросите найти проблемы по списку: иерархия (что пользователь увидит первым), согласованность отступов и шрифтов, понятность действий, тексты. Она не заменит юзабилити-тест, но ловит очевидное до того, как это увидит клиент.

С контрастом осторожнее. По стандарту WCAG 2.1 уровня AA обычный текст должен иметь контраст с фоном не меньше 4,5:1, крупный текст и элементы интерфейса — не меньше 3:1. Модель по картинке оценивает контраст на глаз и может ошибиться, поэтому точную проверку делайте плагином или калькулятором по кодам цветов. Зато модель хорошо находит места, которые стоит проверить: серый текст на светлом фоне, текст поверх фотографии, неактивные кнопки. Можно попросить её и о расчёте, если дать точные коды цветов — тогда ответ проверяется формулой.

Кому принадлежат права на сгенерированное

Вопрос прав для дизайнера не теоретический: клиент платит за исключительные права на логотип или иллюстрацию, и если на результат прав нет ни у кого, продавать их нечего. В России по статье 1257 Гражданского кодекса автором произведения признаётся гражданин, творческим трудом которого оно создано. Изображение, сгенерированное без существенного творческого участия человека, под эту норму подходит плохо, а специальных правил для ИИ в законе пока нет.

Ориентир из американской практики: Бюро авторского права США в феврале 2023 года по делу комикса «Zarya of the Dawn» признало охраняемыми текст и компоновку, но не изображения из Midjourney. В докладе января 2025 года оно подтвердило: чисто сгенерированный материал не охраняется, а одних промптов недостаточно для авторства; охраняется то, что человек существенно доработал или скомпоновал сам.

Практические выводы для работы с клиентами. Логотипы и ключевые элементы фирменного стиля рисуйте сами, используя генерацию как эскиз. Проверяйте условия генератора: на бесплатных тарифах коммерческое использование бывает ограничено. Не генерируйте узнаваемых людей и чужие товарные знаки: модерация рекламных площадок такие изображения отклоняет, а правообладатель может предъявить претензию. И прописывайте в договоре, какие элементы созданы с помощью нейросетей и какие права передаются — это снимает большую часть будущих споров.

Автор: Артём Беспалов, маркетинговое ИИ-агентство «Термос Беспалова», Калининград.

Источники: Гражданский кодекс РФ · решение Бюро авторского права США по «Zarya of the Dawn», 21.02.2023 · доклад Бюро авторского права США об охраноспособности, январь 2025 · WCAG 2.1 (проверено 25.09.2026).