Модуль d.1 · Урок 1
Урок 1: Как AI изменил дизайн
Содержание
- Чему вы научитесь
- Дизайн до и после AI
- Что говорят данные: Figma State of the Designer 2026
- Реальный рабочий день: где AI экономит часы, а где даёт «нейрослоп»
- Сценарий 1. Бренд-дизайнер готовит запуск кофейного бренда
- Сценарий 2. Продуктовый дизайнер (UI/UX) собирает новый флоу приложения
- Новые роли и компетенции в 2026 году
- 1. Дизайнер — арт-директор AI (AI Creative Director)
- 2. Design Engineer (Дизайнер-инженер)
- 3. Архитектор визуальных стилей (Style System Designer)
- Пошаговый гибридный пайплайн: как сочетать AI и ручную работу
Чему вы научитесь
- Понимать, как AI изменил повседневную работу продуктового и бренд-дизайнера
- Опираться на ключевые данные о рынке из исследования Figma State of the Designer 2026
- Отличать профессиональный арт-дирекшен от сырого «нейрослопа»
- Выстраивать гибридный пайплайн, который ускоряет работу в 3–5 раз без потери качества
Для практики используем arckep.ru — все основные модели, без VPN, оплата рублями. Вы можете использовать любые другие сервисы.
Дизайн до и после AI
Ещё в 2023 году дизайнер тратил 2–3 дня на поиск референсов, сборку мудборда и отрисовку первых концепций. В 2026 году этот этап занимает 20–30 минут: модели генерируют десятки визуальных гипотез, а дизайнер выбирает направление, задаёт композиционные ограничения и доводит макет в редакторе.
AI не заменил дизайнеров — изменилась сама точка приложения усилий. Раньше 80% времени уходило на ручное исполнение (обтравка, рендер базовых сцен, перебор вариантов сетки) и только 20% — на концепцию и арт-дирекшен. Теперь пропорция перевернулась: рутину закрывает генеративный пайплайн, а ценность специалиста определяется его визуальным вкусом, насмотренностью и умением принимать продуктовые решения.
Что говорят данные: Figma State of the Designer 2026
Ежегодное исследование Figma State of the Designer 2026 (опрос практикующих специалистов, дизайн-лидов и нанимающих менеджеров) фиксирует структурный сдвиг на рынке труда:
- 72% дизайнеров уже используют генеративные AI-инструменты в повседневной работе. При этом 98% из тех, кто внедрил их в пайплайн, увеличили интенсивность использования за последний год.
- 91% дизайнеров отмечают, что AI-инструменты повышают качество финальных макетов — за счёт того, что за то же время можно проверить не одну гипотезу, а пять.
- 82% руководителей подтверждают, что потребность компании в дизайнерах выросла или осталась стабильной. Почти половина отмечает рост штата, причём у четверти компаний — на 25% и более.
- 73% HR-менеджеров требуют уверенного владения AI-пайплайном на собеседованиях, а 79% ищут специалистов, умеющих проектировать интерфейсы для самих AI-продуктов.
Реальный рабочий день: где AI экономит часы, а где даёт «нейрослоп»
Чтобы понять границу между полезной автоматизацией и халтурой, разберём рабочий день двух специалистов — бренд-дизайнера и продуктового дизайнера.
Сценарий 1. Бренд-дизайнер готовит запуск кофейного бренда
Задача: к вечеру показать клиенту две концепции упаковки, логотип и серию из трёх рекламных постеров для кофейни третьей волны.
| Этап работы | Где AI экономит часы | Где без арт-дирекшена получается «нейрослоп» | Как делает профессионал |
|---|---|---|---|
| Поиск метафоры и мудборд | За 15 минут в Midjourney v8.2 или Nano Banana 2 создаются 15 вариантов фактур (крафтовая бумага, керамика, утренний свет). | Промпт «красивая упаковка кофе» выдаёт кислотные градиенты, пластиковые зёрна, парящие в воздухе чашки и клишированные вензеля. | Задаёт точную оптику, палитру и фактуру материала: «матовый терракотовый тубус, естественный боковой свет из окна, 50mm f/2.8, без глянца». |
| Знак и иконки | Recraft V4.1 Vector за 3 минуты генерирует чистый SVG-знак (10–15 контуров) в заданных HEX-цветах бренда. | Попытка сгенерировать логотип в растровой модели даёт замыленные края, кривую симметрию и тысячи мусорных точек при автотрассировке. | Генерирует базу знака в нативном SVG через Recraft, затем открывает контуры в Figma или Illustrator, выравнивает оптический центр и ставит лицензионный шрифт вручную. |
| Постер с типографикой | Ideogram 4.0 создаёт композицию плаката с вписанным в среду английским заголовком за пару прогонов. | Сырой постер с мелкими подписями содержит слипшиеся буквы, ложные засечки и нечитаемый текст поверх пёстрого фона. | Генерирует плакат с короткой цитатой в кавычках и чистым негативным пространством либо переносит текст в редактируемые слои Figma. |
Сценарий 2. Продуктовый дизайнер (UI/UX) собирает новый флоу приложения
Задача: спроектировать и проверить на пользователях онбординг и каталог финтех-сервиса.
- Исследование и генерация пустых состояний (Empty States). Вместо того чтобы рисовать заглушки для экранов «Нет транзакций» и «Ошибка сети» два дня или ставить разнобойные бесплатные стоки, дизайнер за 20 минут генерирует единую серию минималистичных 3D-иллюстраций в Nano Banana Pro через мультитерн-диалог или в Recraft V4.1 по единому стилю.
- Вайб-прототипирование (Figma Make / Google Stitch / v0). Чтобы проверить логику переходов, дизайнер скармливает текстовое описание сценария и файл
DESIGN.mdс токенами дизайн-системы. За 15 минут готов кликабельный прототип. - Ловушка «нейрослопа» в UI. Если отправить в AI-генератор запрос «сделай современный банковский дашборд» без привязки к дизайн-системе, модель вернёт усреднённый шаблон: фиолетово-синие свечения, карточки со скруглением
24px, нечитаемый контраст серых подписей и выдуманные иконки разной толщины. Продуктовый дизайнер никогда не сдаёт такой экран — он использует AI для быстрого ветвления сценариев и наполнения контентом, но строит интерфейс строго на токенах и компонентах своей библиотеки.
Новые роли и компетенции в 2026 году
По данным Figma 2026, 64% специалистов индустрии больше не укладываются в одну узкую рамку («только рисую макеты») и совмещают две или более смежные роли.
1. Дизайнер — арт-директор AI (AI Creative Director)
Работает с генеративными моделями так же, как арт-директор агентства работает с фотографом, 3D-визуализатором и иллюстратором: формулирует точный технический бриф (фокусное расстояние, схема света, фактура, композиция), отсеивает 90% слабых дублей, указывает точечные правки в мультитерн-диалоге и собирает финальную композицию.
2. Design Engineer (Дизайнер-инженер)
Специалист на стыке интерфейса, кода и AI-агентов. Он не просто рисует статичные фреймы в Figma, а передаёт контекст макета через Figma MCP в Cursor, Claude Code или v0, проверяет живую вёрстку на реальных данных и настраивает автоматическую генерацию графических ассетов по правилам дизайн-системы.
3. Архитектор визуальных стилей (Style System Designer)
Создаёт воспроизводимые пайплайны для брендов: настраивает референсные пулы во FLUX.2 и Recraft V4.1, фиксирует цветовые палитры, пишет шаблоны промптов для команды маркетинга, чтобы любой баннер или карточка товара из 200 следующих генераций попадали точно в гайдбук бренда.
Пошаговый гибридный пайплайн: как сочетать AI и ручную работу
Ниже — базовая четырёхшаговая схема, по которой строится коммерческая работа в 2026 году.
Генерация визуальной базы и поиск композиции (AI — 15–20 минут). Вы создаёте 8–12 быстрых черновиков в доступной модели (Nano Banana 2 или Qwen Image Plus), тестируете ракурсы и цветовую температуру. Выбрав лучшую композицию, рендерите чистый исходник в высоком разрешении (Nano Banana Pro или FLUX.2 Pro).
Точечная доработка через мультитерн и референсы (AI + кураторство — 15 минут). Вместо бесконечного перезапуска промпта с нуля вы используете диалоговое редактирование: меняете материал поверхности, убираете лишний предмет со стола, корректируете направление теней.
Сборка, вектор и типографика в редакторе (Человек — 30–40 минут). Переносите растровую базу в Figma или Photoshop. Добавляете векторный логотип (сгенерированный в Recraft V4.1 Vector и выверенный по узлам), выстраиваете модульную сетку и набираете заголовки живым лицензионным шрифтом.
Масштабирование серии и финальный контроль качества (AI + Человек — 15 минут). Адаптируете утверждённый макет под сторис, широкоформатный баннер и карточку маркетплейса. Перед сдачей проводите обязательный зум-аудит (200%) на предмет артефактов рук, швов, перспективных искажений и читаемости текста.
Представьте, что к вам пришёл локальный бренд натуральной косметики. Бриф на завтрашний вечер:
- Главный рекламный кадр (флакон сыворотки на влажном природном камне с листьями папоротника).
- Набор из 6 минималистичных векторных иконок («без парабенов», «веган», «перерабатываемое стекло» и т.д.) для упаковки.
- Промо-баннер для соцсетей с крупным заголовком на русском языке: «Осеннее обновление кожи — скидка 20%».
Ваша задача (выполните письменно в заметках перед переходом к следующему уроку):
- Разделите каждый из трёх пунктов брифа на две колонки: «Что отдаём нейросети» и «Что делаем руками в Figma/Photoshop».
- Укажите минимум две точки риска, где при бездумной генерации вылезет «нейрослоп» (например, что случится с кириллическим текстом на баннере и с этикеткой на самом флаконе сыворотки).
- Проверьте себя: если в вашем плане русский рекламный заголовок и мелкий состав на флаконе генерируются прямо внутри растровой нейросети без последующей вёрстки в Figma — вернитесь к разделу про гибридный пайплайн и скорректируйте схему.
В следующем уроке мы разберём подробную карту инструментов 2026 года: какие три модели закрывают 90% задач дизайнера и как провести свой первый тест на бюджете в 50 рублей.