Как сделать карточку на вб в фигме

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

Требования к фото на Wildberries: что нужно знать

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

• Размер изображения — не менее 800×800 пикселей, рекомендуется 1000×1000.
• Формат — JPG или PNG, без прозрачности (кроме случаев, когда это оговорено).
• Фон — белый (цвет #FFFFFF), без теней, текстур и рамок.
• Товар должен занимать не менее 85% площади изображения.
• На фото не должно быть логотипов, водяных знаков, сторонних этикеток.
• Запрещены коллажи, монтаж нескольких товаров, если это не комплект.

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

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

Подготовка проекта в Figma: настройка холста и структуры

Перед тем как приступить к дизайну, необходимо корректно настроить файл в Figma. Это сэкономит время и обеспечит соответствие техническим стандартам.
Начните с создания нового файла. Выберите опцию «Design» и задайте размер холста. Рекомендуемый размер — 1000×1000 пикселей. Это даёт запас для редактирования и гарантирует, что при экспорте не будет потерь качества.

• Откройте Figma и нажмите «+ New File».
• Выберите «Frame» или используйте горячую клавишу F.
• Установите ширину и высоту: 1000×1000 px.
• Задайте фон холста цветом #FFFFFF (белый).
• Включите сетку (Grid) с шагом 10 px для точного позиционирования.

Для удобства работы создайте слои: например, «Фон», «Товар», «Цена», «Бейджи». Это поможет быстро находить и редактировать элементы. Используйте группировку (Group) и называйте слои понятно — особенно если работаете в команде.

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

Создание основной карточки товара: пошаговая инструкция

Теперь перейдём к практической части. Ниже — подробный алгоритм создания карточки товара в Figma.

1. Импортируйте изображение товара. Перетащите фото в Figma или используйте «File → Place Image». Убедитесь, что качество высокое — минимум 300 dpi.
2. Обрежьте фон. Используйте встроенный инструмент «Remove Background» (в платной версии) или заранее подготовьте изображение в Photoshop. Товар должен быть на прозрачном слое.
3. Поместите товар на белый холст. Отцентрируйте его. Используйте функцию Align (выравнивание по центру по горизонтали и вертикали).
4. Масштабируйте до нужного размера. Товар должен занимать 85–90% площади. Не оставляйте слишком больших отступов.
5. Проверьте чёткость. Увеличьте масштаб до 200%, чтобы убедиться, что края не пикселизированы, а текстуры различимы.

Если товар — одежда, убедитесь, что она надута на манекене или развешана без заломов. Для обуви — покажите пару, а не одну туфлю. Исключения — если это односторонний аксессуар.

После размещения товара проверьте композицию. Представьте, как изображение будет выглядеть на экране смартфона. Будет ли оно цеплять взгляд? Достаточно ли контраста?

Дополнительные элементы и бейджи: как использовать правильно

Хотя Wildberries запрещает большинство графических наслоений, есть легальные способы улучшить карточку. Например, добавление бейджей «Хит продаж», «Новинка» или «Скидка» — но только если они одобрены самой платформой.
В Figma вы можете создать такие элементы для внутреннего использования или согласования с брендом, но перед загрузкой на WB их нужно убрать. Однако, если вы делаете презентацию для клиента или команды — бейджи уместны.
Пример оформления бейджа:

• Форма — круг или уголок (размер не более 15% от карточки).
• Цвет — контрастный (красный, оранжевый, жёлтый).
• Текст — крупный, без лишних слов. Например: «–30%» или «NEW».
• Шрифт — без засечек (например, Inter, Montserrat, SF Pro).

Помните: любое несанкционированное изменение изображения может привести к блокировке. Даже маленький значок сердца в углу — повод для отказа.

Экспорт и форматирование для загрузки на Wildberries

После завершения дизайна наступает финальный этап — экспорт. Он критически важен, потому что неправильные настройки могут испортить качество изображения.
Выделите холст с карточкой. В правой панели найдите раздел «Export». Нажмите «+» и настройте параметры:

• Формат: JPG (рекомендуется) или PNG.
• Качество: 90–100% для JPG, чтобы избежать артефактов сжатия.
• Размер: 1000×1000 px (или 800×800, если меньше).
• Scale: 1x (не увеличивать).

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

Если вы загружаете несколько фото (например, ракурсы), сохраните их с понятной нумерацией: product_1.jpg, product_2.jpg и т.д. Это упростит процесс загрузки в кабинете поставщика.

Частые ошибки и как их избежать

Даже опытные продавцы допускают типичные ошибки при создании карточек. Вот основные из них и способы их предотвращения.

• Несоответствие размера. Изображение меньше 800×800 px. Решение: всегда проверяйте параметры холста и экспорта.
• Серый или текстурированный фон. Даже лёгкая тень может быть расценена как нарушение. Решение: используйте чистый белый (#FFFFFF) и убедитесь, что фон не имеет градиентов.
• Мелкие детали не видны. Например, вышивка на футболке размыта. Решение: увеличьте масштаб при импорте и проверьте чёткость на 200%.
• Товар «плавает» в центре. Слишком большие отступы. Решение: масштабируйте товар до 85–90% от холста.
• Использование шрифтов с засечками. Они снижают читаемость на мобильных устройствах. Решение: применяйте sans-serif шрифты для аннотаций (если нужны).

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

Экспертное мнение

Качественная визуализация — это не просто фотография, а инструмент продаж. По данным исследования Data Insight (2025), 67% покупателей на Wildberries принимают решение о покупке, основываясь на изображении товара. Только 22% читают описание до первого клика.

Современные тренды указывают на рост значимости видео и 3D-просмотра. Wildberries уже внедряет поддержку 360°-изображений и коротких роликов. Однако базовая статичная карточка остаётся фундаментом.
Рекомендации от экспертов:

• Используйте единый стиль для всех товаров бренда.
• Делайте акцент на качестве, а не на количестве эффектов.
• Тестируйте разные ракурсы через A/B-тесты в рекламе.
• Обновляйте карточки каждые 6 месяцев — визуальные стандарты меняются.

Вопросы и ответы

Заключение

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

• Всегда начинайте с изучения актуальных требований Wildberries к изображениям.
• Используйте холст 1000×1000 px с белым фоном и точным позиционированием товара.
• Не добавляйте запрещённые элементы: ценники, логотипы, бейджи.
• Экспортируйте в JPG с качеством 90–100% для сохранения чёткости.
• Тестируйте изображение на разных устройствах перед загрузкой.