Как создать карточку товара для WB в Figma
0 / 5
0%
Пройдите все шаги и получите результат. Урок займет до 10 минут

Отличная работа!

Вы прошли все 5 шагов. Ваш результат:

правильно: 0 из 5 результат: 0%

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

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

Ниже вы можете пройти практику — это бонусный шаг, он не влияет на результат.
Полезные ссылки +
Практика: создание карточки товара +
Задание: создайте карточку товара для Wildberries в Figma. Перейдите на сайт онлайн-редактора, создайте фрейм 900×1200 px, настройте сетку, добавьте фон, фото товара и текст. Сохраните результат.
Сложность: ★☆☆
Способ выполнения: компьютер
Обязательность: по желанию
1 Перейдите на сайт онлайн-редактора Figma

Откройте Figma в браузере или запустите приложение на компьютере.

Открыть figma.com
2 Создайте фрейм для карточки товара

Создайте фрейм размером 900×1200 px (соотношение 3:4) и залейте его фоновым цветом #FCE9E9 или другим светлым оттенком.

3 Настройте сетку

Включите 8-колоночную сетку с отступами для выравнивания элементов.

4 Добавьте элементы и текст

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

5 Сохраните результат

Сохраните карточку в формате JPG, PNG или WEBP с качеством не ниже 65% и размером файла не больше 10 МБ. Разрешение — не меньше 700 × 933 px.

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

Открыть шаблон карточки товара
Made on
Tilda