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

Нейросеть для дизайнера рисует плоскую картинку, а макет в слоях собирает другая программа. Три пути к редактируемому файлу, требование в запрос и проверка.

URL: https://posts.danashkin.ru/guides/neyroset-dlya-dizaynera-fayl-v-sloyah
Обновлено: 2026-10-19

---

## Коротко

**Главное**

- Генератор картинок отдаёт плоский растр: PNG, JPEG или WebP, размер в пикселях. Слоёв в таком файле нет физически, и никакой промпт их туда не добавит.
- Слои появляются, когда картинку собирает программа, которая работает объектами: Canva или Figma через плагин в ChatGPT, или агент, который сам пишет файл для Illustrator.
- На обучении для отдела дизайна лучше всего сработал путь через Canva: слайды и первая карточка пришли разложенными на слои, остальные карточки - отдельными страницами. Файлы для Illustrator от агента пришли с градиентом из полос и без шрифтов.
- Требование к файлу пишется в запрос явно: формат, слои, шрифты не в кривых, набор форматов на выходе. И один раз записывается в файл правил проекта, чтобы не диктовать его каждый раз.
- Результат проверяется в своей программе до того, как его хвалить: панель слоёв, текст, градиенты, количество макетов.

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

**Главное**

Потому что генератор изображений рисует пиксели. В документации OpenAI для генерации картинок на выходе только PNG, JPEG или WebP, а размер задаётся в пикселях. Текст, иконка и фон в таком файле - одна поверхность. Чтобы получить слои, работу надо передать инструменту, который строит макет из объектов.

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

В [растровом](https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0) изображении хранится сетка цветных точек. Буква «А» на карточке - это не символ шрифта, а множество точек нужного цвета. В векторном или слоистом макете та же буква хранится как текст со шрифтом, размером и цветом, а плашка под ней - как отдельный объект.

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

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

**Главное**

Путей сегодня три: собрать макет в Canva или Figma через плагин в ChatGPT, попросить агента написать файл для Illustrator, разложить готовую картинку на слои отдельным сервисом. Canva дала рабочий результат на обучении, файлы от агента пришли черновиком, Figma осталась непроверенной, а сервисы разложения, по их собственным оговоркам, дорисовывают то, чего в картинке не было.

| Путь | Что получаешь | Что проверено на обучении | Где граница |
|---|---|---|---|
| 1. Сборка в Canva через плагин в ChatGPT | Отдельные страницы, элементы на своих слоях | Первая из девяти карточек и семь слайдов разложены по слоям, остальные восемь карточек пришли отдельными страницами | Работаешь внутри Canva, переносить дальше - отдельная задача |
| 1. Сборка в Figma через плагин или подключение агента | Макет в твоём файле Figma | Плагин подключали, нужен вход в аккаунт, результат неясен | Обещать не готов, пока не проверю на ваших файлах |
| 2. Агент пишет файл AI, PDF и PNG | Файл, который открывается в Illustrator | Файлы пришли, но градиент распался на полосы, шрифтов нет | Черновик под доработку дизайнером |
| 3. Сервис разложения картинки на слои | PSD из плоского изображения | На обучении не пробовали | Слои строятся заново по пикселям, скрытое дорисовывается |

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

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

С Figma всё упирается в подключение. У Figma есть официальный [сервер для подключения агентов](https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server), а в ChatGPT она стоит в списке плагинов. Но нужен вход в аккаунт, а результат на обучении остался непроверенным. Пока сам не проведу этот путь от начала до конца на чужих файлах, обещать результат не буду.

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

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

**Главное**

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

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

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

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

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

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

А когда их открыли в Illustrator, градиент оказался собран из полос, а шрифтов в файле не было. Поэтому требование - это половина дела, вторая половина - проверка. Как ловить отчёт о том, чего не было сделано, я разбирал в статье про то, [как проверить, что нейросеть выполнила задачу](/guides/agent-otchitalsya-a-rezultata-net).

**Формулировка от программы**

Пиши требование от программы, а не от формата: «файл будут править в Illustrator, текст должен остаться текстом». Так агенту видна цель, а не только расширение файла. Гарантией это не служит: в наших файлах и с таким требованием градиенты распались, поэтому проверка остаётся.

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

**Главное**

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

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

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

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

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

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

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

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

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

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

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

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

Когда что-то из списка не сходится, не надо уговаривать агента в том же чате. Лучше показать агенту скриншот проблемного места и одной фразой назвать, что не так, чем писать длинное описание. Про то, почему иногда проще начать новый чат, я писал в материале про [правку картинок нейросетью](/guides/uluchshit-kartinku-a-ne-risovat-zanovo).

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

**Главное**

Потому что генератор работает в пикселях и пропорциях. В документации размер задаётся как ширина на высоту в пикселях, пропорции допускаются от 1:3 до 3:1, а длинная сторона - до 3840 точек. Сантиметры для печати нужно перевести в пропорцию и разрешение до запроса.

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

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

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

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

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

**Главное**

В файл правил проекта. Codex читает AGENTS.md перед любой работой, поэтому требования к формату, шрифтам и толщине линий, записанные туда, действуют в каждом новом чате. Сказанное в чате агент забудет в следующем разговоре.

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

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

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

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

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

**Главное**

Для карточек и слайдов путь через Canva на нашем обучении дал редактируемый результат. Файлы для Illustrator от агента в нашем прогоне оказались черновиком, который дизайнер доводит руками. Сложная упаковка под печать остаётся работой дизайнера, генерация даёт ему образ и варианты.

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

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

Чего я не обещаю: исправить любую картинку в слоях без проверки на ваших файлах. Сначала один отработанный путь на одном типовом макете отдела. Потом тираж. Как выбирать инструмент под тип задачи, я разбирал в статье [какую нейросеть выбрать под задачу](/guides/kakuyu-neyroset-vybrat-pod-zadachu), а сквозной процесс от текста до слайдов - в материале про [презентацию нейросетью](/guides/prezentaciya-neyrosetyami-payplayn).

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

**Главное**

Спрашивают, можно ли получить PSD прямо из генератора, подходит ли PDF вместо AI, что делать без Illustrator на компьютере и зачем вообще учить этому отдел дизайна.

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

**Можно ли получить PSD со слоями прямо из генератора картинок?**

Нет, обычный генератор картинок отдаёт PNG, JPEG или WebP. PSD со слоями получается либо сборкой в программе, которая работает объектами, либо разложением готовой картинки, и тогда часть слоёв дорисована нейросетью.

**Подойдёт ли PDF вместо файла AI?**

Только если его сохранили из Illustrator с опцией сохранения возможностей редактирования. PDF, собранный другим способом, этой опции не проходил, и править его в Illustrator может оказаться трудно. Проси AI плюс PDF, а не одно из двух.

**Как проверить слои, если на компьютере нет Illustrator?**

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

**Стоит ли учить этому весь отдел дизайна?**

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

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

**Главное**

Нейросеть рисует картинку, а макет в слоях собирает программа, которая работает объектами. Дизайнеру нужен один отработанный путь от картинки к слоям, требование к файлу в запросе и в файле правил, и проверка в своей программе до того, как результат пойдёт дальше.

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

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

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

### Источники

- [Image generation - размер в пикселях, пропорции и форматы на выходе генератора, OpenAI API docs](https://developers.openai.com/api/docs/guides/image-generation)
- [How to save artwork in Illustrator - форматы сохранения и опция Preserve Illustrator Editing Capabilities для PDF, Adobe Help](https://web.archive.org/web/20260825113735/https://helpx.adobe.com/illustrator/using/saving-artwork.html)
- [Custom instructions with AGENTS.md - как Codex читает файл правил проекта, ChatGPT Learn](https://learn.chatgpt.com/docs/agent-configuration/agents-md)
- [Guide to the Figma MCP server - подключение Figma к агенту, Figma Help Center](https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server)
- [Растровая графика - как устроено изображение из точек, Википедия](https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0)
- [Векторная графика - изображение из объектов, Википедия](https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0)