Создание инфографики
ChatGPT + DALL-E + Figma
M3.2 Создание инфографики
Цель
Сгенерировать комплект из 5 карточек инфографики (обложка + 4 внутренних) в формате 1200x1600 px через ChatGPT (DALL-E внутри подписки Plus) и доработать в Figma.
Зачем это нужно
На маркетплейсах покупатель решает взглядом, не описанием. Описание открывают в последнюю очередь - подтвердить габариты или характеристику. У китайских товаров решают цена + фото. Хорошее фото не обязано быть "дизайнерским" - оно должно закрывать боли клиента, быть понятным и легко читаться с телефона. ChatGPT-генерация + Figma-кроп заменяет дизайнера за 1000-3000 ₽ за карточку.
Что понадобится
- Подписка ChatGPT Plus ($20/мес) - в подписку входит генератор изображений DALL-E. Отдельно его подключать не надо.
- Скриншоты хороших отзывов на ваш товар.
- Фото товара (исходники).
- Скриншоты инфографики с карточек конкурентов - обязательно сверьте, что характеристики совпадают с вашим товаром.
- Скриншоты поисковой выдачи Ozon по основному запросу товара.
- Аккаунт Figma (бесплатный).
Пошаговая инструкция
Шаг 1. Собрать исходники
Сделайте подборку в одной папке:
- 2-3 лучших отзыва (можно со своего товара, можно с карточек конкурентов - берите у конкурентов, если свои слабые).
- 3-4 исходных фото товара.
- Скриншоты инфографики топ-3 конкурентов.
- Скриншот поисковой выдачи Ozon по основному запросу.
Частая ошибка: не проверить, что характеристики на скриншоте конкурента совпадают с вашим товаром. Цифры чужие - скопируете как факт, получите возврат.
Подсказка: основной запрос выбирайте по тому, где товар реально стоит в топе. Пример для секатора: отбрасываем "сад, огород, дача" (слишком общий) и берём "ножницы для стрижки деревьев".
Шаг 2. Вставить промпт в чат проекта "Работа с карточкой"
Использовать тот же проект, что для SEO (M3.1). Вставить промпт из раздела "Промпты урока". ChatGPT сразу попросит прислать описание товара.
Частая ошибка: запустить промпт без предварительного описания товара - GPT будет генерировать ТЗ на пустом месте.
Подсказка: скажите "Отзывы пришлю следующим сообщением" и так сделайте - не запихивайте всё в одно сообщение, ChatGPT хуже переваривает.
Шаг 3. Ответить на уточняющие вопросы GPT
После получения описания товара и фото ChatGPT задаёт вопросы:
- Максимальный диаметр реза / размер / ёмкость и т.п.
- Фактический вес изделия.
- Производство / страна / материал.
- Бренд или модель (можно "пока не нужно").
- Гарантии, сертификаты (можно "тоже не нужно").
- Ценовое позиционирование (бюджет / средний / премиум).
- Желаемые фирменные цвета, шрифт.
- Показывать ли упаковку блистера.
Частая ошибка: ответить "решай сам" - GPT возьмёт случайные значения и они могут не совпасть с вашим товаром.
Подсказка: по цветам и шрифту - укажите "то, что подходит под ЦА, без моих предпочтений". Пусть смотрит со стороны аудитории.
Шаг 4. Получить ТЗ на 5 карточек
GPT выдаёт таблицу:
- № карточки (Cover, 2, 3, 4, 5).
- Theme (основной посыл).
- Текст/заголовок (до 5 слов, caps friendly).
- Ключевые УТП (1-3).
- Композиция (расположение товара, акценты, иконки, доп. объекты).
- Цвет/шрифт/стиль.
И сразу - англоязычные промпты для генерации каждой карточки.
Частая ошибка: GPT пишет заголовки на английском. Сразу скажите: "Пришли промпты с текстом, именно текстом, который будет на изображении - на русском языке".
Подсказка: в каждом промпте должны быть [[brackets]] вокруг переменных - чтобы можно было быстро поправить слово.
Шаг 5. Сгенерировать сами изображения
Перед каждым промптом писать Create image like [...] и обязательно заново прикреплять исходные фото товара + повторять вводные. Память модели сбивается - лучше продублировать, чем получить мусор.
Частая ошибка: полагаться на то, что GPT "помнит" исходник. Пример: генерили инфографику для одной карточки - GPT перетащил туда элементы с другой (водяной знак, чужой товар с прошлого запроса).
Подсказка: лимит генераций в Plus - около 50 в день. Если товаров много - растяните переоформление на неделю.
Шаг 6. Правки через диалог
Если изображение почти подходит - попросите:
- Изменить композицию.
- Убрать лишний текст.
- Показать товар в руке.
- Заменить фон.
- Изменить масштаб.
- Текст залезает на товар - уточните "текст ниже центра кадра".
Частая ошибка: после 5+ итераций пытаться вылизать карточку до идеала. Проще начать новый чат.
Подсказка: если GPT вставил логотип не того бренда или выдал полную ерунду - откройте новый чат внутри проекта.
Шаг 7. Доработать в Figma
ChatGPT не держит точные пропорции 3:4 - картинка приходит почти квадратной или с искажениями. Дорабатываем:
- Зайти на https://www.figma.com/, зарегистрироваться через Google.
- Drafts - создать Design-файл (клавиша F).
- Задать размер frame: 1200 x 1600.
- Загрузить изображение.
- Подрезать края / растянуть / кадрировать.
- Если текст кривой - перебить вручную.
- Выделить - Export - PNG - 1x - Export.
Частая ошибка: заливать на маркетплейс изображение как есть, без проверки пропорций. Ozon/WB либо не примет, либо обрежет по краям.
Подсказка: лучше один раз кадрировать вручную, чем 10 раз перегенерировать у GPT.
Промпты урока
Ты - мой маркетолог и креатор инфографики для маркетплейсов в РФ (Ozon,
Wildberries) с опытом офлайн-и-онлайн продаж.
Твоя задача - создавать комплект из 5 графических карточек (обложка + 4
внутренних) размера 1200x1600 px (вертикаль, 3:4), усиливающих продажи
товара через визуальные концепции. Дизайн должен соответствовать
требованиям Ozon:
- крупный товар (~80% ширины кадра),
- заголовок сверху,
- 1-3 УТП на карточку,
- лаконичный текст, легко читаемый со смартфона.
Алгоритм работы:
1. Анализ товара
- Я дам тебе подробную информацию о моем товаре (описание, скриншоты
выдачи в поиске маркетплейса).
- После получения данных: сформулируй главные УТП, боли ЦА, ответы
на боли, потенциальные визуальные акценты.
2. Фото-референсы
- Я пришлю тебе исходные фото товара, чтобы ты мог их использовать
или перерисовать.
3. Генерация ТЗ на 5 карточек
- Сформируй таблицу или маркированный список:
* № карточки (Cover, 2, 3, 4, 5)
* Theme (основной посыл)
* Текст/заголовок (до 5 слов, caps friendly)
* Ключевые УТП (1-3)
* Композиция (расположение товара, акценты, иконки, доп. объекты)
* Цвет/шрифт/стиль (если критично)
4. Промпты для генеративного ИИ
- Для каждой карточки выпиши англоязычный prompt (ChatGPT) с чётким
аспектом 3:4, размером 1200x1600 px, описанием сцены, фона,
освещения, настроения.
- Промпт должен содержать [[brackets]] вокруг переменных.
5. Уточнения
- Всегда задавай уточняющие вопросы при нехватке информации.
- Если появляются новые инсайты (тренды, отзывы), предлагай итерации.
Формат вывода:
- Сначала: короткое резюме УТП + вопросы.
- Потом (после ответов / фото): ТЗ на 5 карточек.
- Затем: набор окончательных промптов для генерации изображений.
Приступай, как только получишь команду "Старт" вместе с первичной
информацией о товаре.
Чек-лист "урок усвоен"
Что делать с результатом
Загрузить 5 файлов в карточку товара на Ozon / Wildberries. В M3.6 использовать эту карточку как объект A/B-теста: меняете обложку или внутренний слайд - замеряете CTR и конверсию через 2 выгрузки Mirasell.
Типовые проблемы
| Симптом | Причина | Решение |
|---|
| GPT пишет заголовки на английском | Промпт без явного указания языка | "Пришли текст на русском языке" |
|---|
| На картинке логотип не того бренда | Сбилась память чата | Новый чат + заново прикрепить фото товара |
|---|
| Изображение приходит квадратным | GPT плохо держит пропорции 3:4 | Кадрировать в Figma вручную |
|---|
| Лимит генераций исчерпан за день | В Plus около 50 генераций/день | Растянуть переоформление на 2-3 дня |
|---|
| Текст наложения залезает на товар | Промпт не уточняет позицию текста | "Текст ниже центра кадра, не перекрывает товар" |
|---|
| GPT вставляет нерелевантные УТП | Не было сверки скриншотов конкурентов | Загрузить 3-4 скриншота карточек конкурентов как контекст |
|---|
Полезные ссылки
- Figma: https://www.figma.com/
- Подписка ChatGPT Plus (включает DALL-E): ../M1-Введение-и-настройка/m1.1-chatgpt-iz-rf.md
- Видео-туториал по Figma (YouTube): https://www.youtube.com/watch?v=MYMxKHFQoZ8