Инфографика фигма: пошаговая сборка карточек товара для селлера

Зачем селлеру разбираться в графическом редакторе

Инфографика в figma привлекает продавцов тем, что редактор работает прямо в браузере и базовые инструменты доступны без платной подписки. Селлеру не нужно устанавливать тяжелые программы на компьютер, чтобы обрезать фон или добавить плашку с размером.

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

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

Как настроить фреймы и безопасную зону под пропорции 3:4

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

Для маркетплейсов стандартным форматом стало вертикальное соотношение 3:4. На Wildberries базовый размер составляет 900 на 1200 пикселей, а для Ozon чаще используют 1200 на 1600 пикселей. Обе площадки поддерживают этот формат без обрезки полей.

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

Чтобы важные данные не скрылись под интерфейсом, установите внутренние направляющие. Отступ сверху должен составлять не менее 100 пикселей, снизу - около 120 пикселей, а по бокам достаточно оставить по 60 пикселей свободного пространства.

Сетка и компоненты серии для карточек товаров

Модульная сетка помогает выдерживать единый ритм во всей серии слайдов. Селлеру достаточно включить колонки Layout Grid внутри фрейма, выбрав 4 или 6 вертикальных колонок с отступами между ними в 16-20 пикселей.

Компонент - это базовый элемент макета, изменения внутри которого автоматически дублируются во всех его копиях по проекту.

В виде компонентов удобно сохранять плашки преимуществ, подложки под характеристики, иконки сертификатов и плашки размерной сетки. Если вам потребуется сменить фирменный цвет или шрифт серии, правка мастер-компонента обновит все слайды за пару секунд.

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

Сколько времени тратит новичок на сборку первого макета

Реальные затраты времени часто становятся сюрпризом для селлера, который впервые открывает программу. Сборка макета состоит не только из расстановки надписей, но и из долгой механической подготовки исходников.

Сначала требуется вырезать товар из исходного фото, убрать шумы, тени и пылинки. Затем селлер подбирает читаемый шрифт, ищет векторные иконки без авторских ограничений, настраивает контрастность и собирает 5-6 слайдов.

На первый товар у новичка обычно уходит целый рабочий день, то есть от 6 до 8 часов. Со второй и третьей карточкой темп вырастает, но на серию из 6 кадров все равно требуется около 3-4 часов сосредоточенной ручной работы.

Сравнение способов оформления карточек товаров

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

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

Экспорт макетов и технические требования площадок

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

Экспортируйте макеты в формате JPG с качеством 90-100 процентов или в PNG, если на изображении много мелкого контрастного текста. Размер готового файла не должен превышать 10 мегабайт, иначе загрузка в личный кабинет маркетплейса выдаст сбой.

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

Какие задачи верстки проще делегировать автоматизации

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

Сервис Aitemos из одного исходного фото товара собирает готовую карточку под стандарты площадок. Алгоритм не искажает форму, цвет, этикетку или логотип изделия, а генерирует подходящее окружение на базе одной из 14 концепций.

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

В сервисе нет пакетной загрузки сотен SKU или прямого редактирования векторных слоев, но готовый комплект в пропорции 3:4 закрывает потребность в визуале для Wildberries, Ozon, Avito и Яндекс Маркета.

План запуска визуала для каталога товаров

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

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

Оцените результат лично на реальном ассортименте: попробуйте на своем товаре - первое изображение бесплатно, карта не нужна.