Нейросеть для дизайнера: как получить макет в слоях, а не плоскую картинку

Коротко

Почему нейросеть отдаёт картинку, а не макет?

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

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

Генератор картинок выдаёт первое. Поэтому вопрос «какая нейросеть сразу рисует в слоях» поставлен немного мимо. Правильнее спросить: какая программа соберёт мне макет из объектов по этой картинке.

Три пути к редактируемому файлу

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

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

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

Про сервисы разложения картинки на слои важна оговорка, которую честные из них пишут сами: слои создаются заново по видимым пикселям, а то, что было спрятано за объектом, нейросеть дорисовывает. Получается похожий макет, а не исходник. Для мудборда годится, для упаковки, которую потом печатают, - риск.

Как написать требование к файлу, чтобы агент его выполнил?

Когда мы перешли к макетам по образцу в Codex, в промптах тетради стояло просто «сохрани макет». Формат в таком запросе выбирает агент. Поэтому прямо перед запуском мы вместе с группой сформулировали требование голосом и дописали его в промпт. Ниже оно собрано в аккуратный шаблон, который можно взять за основу:

Для нас критически важно, чтобы готовый файл был в слоях
для последующего редактирования в Illustrator.
Шрифты не переводить в кривые.
Сохрани макет в трёх форматах: AI в слоях, PDF в векторе, PNG для превью.
Образец не меняй.

Отдельная деталь всплыла по ходу упражнения. В промпте стояло «сохрани макет в PDF», и на занятии прозвучало сомнение: подойдёт ли такой PDF для правки в Illustrator. Для PDF, который собирает агент, сомнение обоснованное, и вот почему.

В справке Adobe сказано, что PDF сохраняет все данные Illustrator, только если при сохранении в самом Illustrator включена опция Preserve Illustrator Editing Capabilities. PDF, собранный другим способом, этот путь не проходил, и редактируемость в нём ничем не гарантирована: текст и объекты придётся проверять руками.

Даже с требованием в промпте отчёт агента звучал бодрее результата: он перечислил векторный PDF и PNG в 300 точек на дюйм, хотя просили AI в слоях. Файлы AI тоже появились.

А когда их открыли в Illustrator, градиент оказался собран из полос, а шрифтов в файле не было. Поэтому требование - это половина дела, вторая половина - проверка. Как ловить отчёт о том, чего не было сделано, я разбирал в статье про то, как проверить, что нейросеть выполнила задачу.

Что проверить в файле, прежде чем радоваться?

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

1. Открой в рабочей программе

   AI - в Illustrator, макет Canva - в Canva. Миниатюра в чате и превью в проводнике покажут картинку, а не структуру.

2. Посмотри на панель слоёв

   Должно быть несколько слоёв или групп: фон, товар, текст, плашки. Один слой с картинкой внутри - это растр в обёртке.

3. Кликни в текст

   Если курсор встаёт в строку и её можно перепечатать, шрифт живой. Если выделяется контур - текст переведён в кривые, и правка надписи превратится в перерисовку.

4. Проверь градиенты и шрифты

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

5. Пересчитай результат

   Просили девять карточек - открой девять. На обучении в какой-то момент на экране была одна карточка из девяти. Пока не пересчитал файлы, считай задачу незаконченной: отчёт агента - не доказательство.

Когда что-то из списка не сходится, не надо уговаривать агента в том же чате. Лучше показать агенту скриншот проблемного места и одной фразой назвать, что не так, чем писать длинное описание. Про то, почему иногда проще начать новый чат, я писал в материале про правку картинок нейросетью.

Почему агент не понимает сантиметры?

На обучении это всплыло на задаче, где товар нужно было разместить по размерам из технического задания, а все размеры там в сантиметрах. Я сказал группе прямо: в сантиметрах он не поймёт, ему нужен язык пропорций. Модель не знает, какого размера будет лист в типографии. Она знает только сетку точек.

Перевод делается один раз и занимает минуту. Этикетка 10 на 15 сантиметров - это пропорция 2:3. Для печати с разрешением 300 точек на дюйм сторона в 15 сантиметров - примерно 1770 точек. Это уже число, с которым генератор работает.

А точный размер под вырубку и вылеты всё равно задаётся в макете, а не в картинке.

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

Где записать требования, чтобы не диктовать их каждый раз?

Ближе к концу дня разговор зашёл о полосках на макете. Я объяснил: это скорее не навык, а правило. И объяснил разницу: если ты даёшь это агенту в чате, он потом забудет, а если он запишет это в Markdown, то будет всегда читать.

Схема для дизайнерской папки простая. В корне проекта лежит AGENTS.md с короткой картой: что за проект, где образцы, куда класть результат. Рядом - отдельный файл гайдлайнов: шрифты, толщина линий, цвета, форматы сдачи. В AGENTS.md одна строка: при изготовлении макетов смотри файл гайдлайнов.

По документации Codex собирает такие файлы от корня проекта до текущей папки и добавляет к каждой задаче.

Требование «AI в слоях, шрифты не в кривых, плюс PDF и PNG», которое мы диктовали голосом, после этого живёт в файле. Новый сотрудник открывает папку, и стандарты отдела доходят до агента вместе с первым запросом. Выполнит ли он их, покажет проверка файла. Это и есть контекст-инжиниринг в прикладном виде: правила лежат там, где агент увидит их перед работой.

Честная граница на сегодня

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

Генерация хорошо закрывает поиск образа: мудборд, варианты композиции, перекрас, сцены для товара. Сборка в слоях через Canva подошла для тиражных форматов, где важна скорость: карточки и слайды. Агент, пишущий файл AI, на обучении собирал макеты по образцу, а градиенты, шрифты и предпечатную подготовку после него смотрит человек.

Чего я не обещаю: исправить любую картинку в слоях без проверки на ваших файлах. Сначала один отработанный путь на одном типовом макете отдела. Потом тираж. Как выбирать инструмент под тип задачи, я разбирал в статье какую нейросеть выбрать под задачу, а сквозной процесс от текста до слайдов - в материале про презентацию нейросетью.

Частые вопросы

Главный вывод

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

Практический шаг: возьми один типовой макет отдела, прогони его через сборку в Canva и через файл AI от агента, открой оба в рабочей программе и пройди пять пунктов проверки. Так будет понятно, какой путь брать в работу.

Ты сейчас получаешь от нейросети картинки на посмотреть или уже рабочие файлы?