Скачали шаблон или получили файл от дизайнера – вроде красиво, а в кабинете обрезало, текст мелкий, плашки уехали под бейджи WB. Figma кажется «только для профи»: сетка, компоненты, экспорт пугают. На практике хватает трёх настроек фрейма, чтобы принять макет или собрать бриф студии с цифрами – и не платить за переделку из-за пикселей и обрезанного текста.
Рабочий dual-safe формат для серии слайдов – фрейм 900×1200 (строго 3:4), отступы 40–60 px от краёв, плашки выгод и иконки в компонентах, экспорт PNG или JPG на 1× с весом до 10 МБ. Главное фото лучше без инфографики. Пиксели Ozon в how-to расходятся – не выдавайте чужие таблицы за «официально», держите один размер на обе площадки и сверяйте кабинет.
Аня взяла бесплатный Community-шаблон «карточка WB», растянула фрейм мышкой «чтобы крупнее», экспортировала PNG на 2× «для качества» и залила на главное яркую плашку «ХИТ». В ленте бейдж закрыл выгоду, файл был тяжёлый, модерация подсветила текст на главном. После фиксации 900×1200, margin и экспорта 1× она смогла принять работу – и в бриф написала те же цифры вместо «сделайте поярче».
Важно: поиск по точным запросам про сетку и компоненты в Figma для WB/Ozon почти пустой – выдача забита курсами и «10 шаблонами». Ниже не полный курс дизайна, а операционка приёмки: фрейм → отступы → компоненты → фото → экспорт → чек-лист. Общую логику инфографики на маркетплейсах разбирали в материале про инфографику для маркетплейсов; здесь – файл в Figma.
Зафиксируйте фрейм 900×1200 под WB и dual-safe
Боль новичка: растянули фрейм «на глаз» – пропорции поехали, в кабинете обрезало. В Figma фрейм (Frame, клавиша F) – это холст слайда. Задайте Width 900, Height 1200. Это строго 3:4 и частая dual-safe практика для серии под WB и Ozon сразу.
Не делайте: не тяните угол фрейма мышкой «чтобы крупнее». Не смешивайте в одной галерее 1000×1000, 1200×1600 и 900×1200 «как в разных блогах». Цифры Ozon в how-to конфликтуют (где-то квадрат, где-то 3:4) – без сверки в кабинете нельзя выдавать их за официальные. Для пикселей WB отдельно смотрите гайд про размер фото Wildberries.
| Параметр | Принимать | На правку |
|---|---|---|
| Размер фрейма | 900×1200, все слайды одинаково | Растянут мышкой, разные размеры в серии |
| Пропорция | Строго 3:4 | Квадрат 1:1 или «почти вертикаль» |
| Минимум WB (зеркало правил) | Не ниже 700×900 | Мелкий апскейл до 900 «растяжкой» |
| Ozon в брифе | «Часто рекомендуют 900×1200; сверить кабинет» | «Официально 1000×1000» без ссылки на docs |
Рекомендация: один dual-safe размер на всю серию. Результат – слайды без сюрприза обрезки при загрузке. Впишите в ТЗ строку «Frame 900×1200, 3:4, без растягивания мышкой» – так вы сможете отсечь брак ещё до оплаты правок.
Оставьте отступы 40–60 px от краёв
Боль: текст и плашки у краёв закрыл бейдж WB или UI. Включите Layout grid / margin примерно 40–60 px. Ключевой тезис держите ближе к центру кадра, не в углах и не у нижнего края.
Типичная ошибка: дизайнер «красиво прижал» заголовок к верху – в мобильной плитке плашка акции его съела. Проверьте макет на телефоне без зума. Например, мысленно отрежьте край на толщину пальца: если УТП пропало – правьте до приёмки.
Если уже третий раз правите «сделайте крупнее» без цифр фрейма и отступов, проще зафиксировать 900×1200 и margin в брифе, чем платить за переэкспорт. Ниже – компоненты и экспорт; в конце короткий тест и номер на бесплатную консультацию.
Соберите компоненты плашек вместо копипаста
Боль: на каждом слайде правите плашки отдельно – каша и разные кегли. Компонент в Figma – это «одна плашка-мастер»: поменяли цвет или кегль – обновились все копии (instances). Variants – варианты одной плашки (скидка / состав / доставка) без новых слоёв с нуля.
Минимум для новичка:
- плашка выгоды (одна строка факта, не «хит»);
- иконка + короткая подпись;
- текстовые стили: заголовок и тело.
На практике копипаст слоёв между пятью слайдами почти всегда даёт разные отступы. Вынесите повторы в Components – получите единый вид серии за одну правку стиля. Community-шаблон с тысячами пользователей не гарантирует актуальные размеры: сначала сверьте фрейм 900×1200, потом стиль. Если правите плашку на третьем слайде «вручную» – остановитесь и соберите мастер-компонент, иначе серия разъедется.
Как вставить фото товара, чтобы край не мылился
Боль: товар упирается в обрезаемые зоны или край «мыльный». Лучше исходник PNG с чистым краем. Товар крупно в центре, без упора в углы. На главном почти без текста и инфографики – так рекомендует зеркало правил WB: инфографика мешает рассмотреть товар. Плашки «ХИТ», цены, QR и контакты – сразу на правку.
Цепочка: исходник → фрейм 900×1200 → safe-зона → плашки со 2-го слайда → экспорт 1×. Не закрывайте главное плашками «как у топа» – чаще это риск модерации, а не рост CTR. Проверьте этикетку: цифра на слайде должна совпадать с коробкой, иначе покупатель пишет «развод» в вопросах.
Экспорт на 1×: выберите PNG или JPG
Боль: выгрузили 2× «для качества» – файл тяжёлый, пиксели странные. Если фрейм уже 900×1200, масштаб 1× даёт ровно эти пиксели. Выделите фреймы → Export → PNG или JPG → scale 1×.
- Откройте макет и убедитесь, что все фреймы 900×1200.
- Выделите нужные фреймы (не случайный слой внутри).
- В панели Export добавьте PNG (текст, прозрачность) или JPG (белый фон, меньше вес).
- Поставьте scale 1× – не 2× «на всякий случай».
- Сохраните файлы и проверьте вес: лимит кабинета WB до 10 МБ; форматы JPG, PNG, WEBP; сжатие ориентир ≥65%.
- Откройте превью на телефоне: читается без зума, товар не под бейджем.
- Если вес больше 10 МБ или мылит – исправьте экспорт или сжатие до загрузки.
Схема: Frame 900×1200 → margin 40–60 → Components → фото без текста на главном → Export 1× → вес ≤10 МБ → телефон
Плагины для пакетного экспорта (как community FigmaExportTool на GitHub) подтверждают боль «выгрузить пачку слайдов», но новичку достаточно штатного Export. Не гонитесь за 2×: при верном фрейме это лишний вес.
Чек-лист приёмки макета и когда звать студию
Боль: «Figma только для дизайнеров, я боюсь трогать файл». Ваш первый результат – уметь принять работу или собрать бриф, а не закрыть каталог за вечер. Проверьте по пунктам:
- все слайды одного размера 900×1200;
- важные тезисы не в углах и не у нижнего края;
- экспорт 1×, файл ≤10 МБ;
- главное фото без инфографики и без «хит»/цен;
- цифры на слайде совпадают с этикеткой;
- на телефоне УТП читается без зума.
Как понять, что сработало. Откройте свойства экспорта и мобильное превью: один размер, края свободны, вес в лимите – вы сможете принять макет или вернуть на правку по фактам. Соберите в бриф те же цифры (фрейм, margin, 1×, без текста на главном) – и получите понятный критерий оплаты без «сделайте поярче».
Развилка: 1–3 SKU и чек-лист зелёный – можно сдать в кабинет. Растущий ассортимент, третий круг правок или нет времени возиться с компонентами – отдайте тот же список студии. Тарифы Старт 2500 / Хит 6000 / Профи 12000 ₽ – на странице тарифов.
Материал проверен: Stan (дизайнер карточек для Wildberries и Ozon).
Достоверность данных: рабочий 900×1200 и margin – Bitiy Pixel / CallPlex / Pixsora; лимиты фото WB (≥700×900, ≤10 МБ, JPG/PNG/WEBP, без инфографики на главном) – Seller Moon FAQ (зеркало правил); Export и Variants – help.figma.com; конфликт цифр Ozon в how-to учтён без claim «official». Частотность «инфографика для маркетплейсов фигма» – Яндекс Вордстат на 2026-09-05 (275 показов/мес).
Частые вопросы
Какой размер фрейма в Figma для карточки WB?
Заведите Frame 900×1200 (3:4) и держите все слайды одного размера. Минимум по зеркалу правил WB – не ниже 700×900; для приёмки берите рабочий 900×1200.
Можно ли один файл на Wildberries и Ozon?
Часто да – dual-safe 900×1200 на серию. Не копируйте в бриф чужие «официальные» пиксели Ozon из блогов без сверки кабинета: how-to расходятся (квадрат vs 3:4).
Зачем компоненты, если слайдов мало?
Даже на трёх слайдах копипаст даёт разные кегли. Одна плашка-компонент экономит правки; при росте SKU без этого платите за хаос стиля.
PNG или JPG при экспорте?
PNG – если нужна прозрачность и чёткий текст. JPG – обычно легче на белом фоне. Масштаб 1× при уже верном фрейме; вес до 10 МБ.
Почему нельзя 2× «для качества»?
Фрейм уже задаёт пиксели. 2× раздувает вес и путает приёмку. Проверьте 1× и телефон до кабинета.
Нужно ли ставить инфографику на главное фото?
Зеркало правил WB не рекомендует: мешает рассмотреть товар. Оставьте главное чистым, плашки – со второго слайда, без «хит» и цен.
Когда отдавать макет студии?
Если чек-лист не сходится с третьей попытки, ассортимент растёт или нет времени на компоненты – впишите в бриф 900×1200, margin 40–60, экспорт 1× и запишитесь на консультацию ниже.
Шаблон снова уехал с пропорциями, а плашка уехала под бейдж? Не гадайте пиксели ещё один вечер в Figma. Три вопроса и номер – разберём макет на бесплатной консультации.