Как работать с плагином Rixfi для Figma

Плагин помогает собирать Ozon Rich Content прямо в Figma. Он создает не просто красивый макет, а блоки с понятной служебной структурой, которую потом можно проверить и выгрузить.

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

Сначала плагин создает специальную страницу rich-контента. На ней есть две области: обычная и мобильная. Блоки размещаются вертикально, чтобы из них собиралась цельная страница.

Обычная версия считается основной. Именно по ней затем строится итоговая выгрузка. Мобильная нужна для просмотра и поддерживается в согласованном состоянии.

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

Сейчас плагин умеет работать с несколькими типами блоков: баннер, шахматка, плитка, иконки, список, имидж, таблица, текст и видео.

• Блок нельзя считать обычной группой слоеввнутри у него есть служебные данные.
• Если вручную сломать внутреннюю структуру, плагин покажет ошибку вместо сомнительной выгрузки.
• Поддерживаются только те блоки, которые плагин умеет распознать.

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

Текст и изображения правятся на холсте Figma, а плагин помогает не потерять структуру блока и поддерживать настройки в согласованном виде.

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

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

Плагин проверяет страницу в несколько этапов: когда вы выбираете блок на холсте, меняете структуру, синхронизируете версии и готовите выгрузку. Это помогает заранее заметить проблемы, из-за которых JSON может получиться неполным или неподходящим для Ozon.

Во время проверки Rixfi смотрит, что блоки созданы плагином, у них сохранена правильная структура, обычная и мобильная версии связаны между собой, а обязательные данные заполнены. Отдельно проверяются изображения, ссылки, порядок элементов и вложенные части блока.

Если проблема не мешает выгрузке, плагин покажет предупреждение. Если ошибка критичная, например ссылка ведет не на Ozon или в блоке не хватает обязательных данных, экспорт будет остановлен. Так можно исправить страницу до передачи JSON, а не искать ошибку уже после загрузки в Ozon.

Выгрузка берет только поддерживаемые блоки, созданные плагином.

Изображения берутся из контенеров для изображений. Даже если картинки в контейнере нет, а есть только фон, то такой контейнер тоже обработается как изображение.

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

Используйте веб-приложение, когда важнее хранение проектов, импорт из Ozon, черновик с помощью ИИ, генерация изображений, итоговая проверка, сохранение JSON и публикация ссылки для согласования.

Эти два инструмента не конкурируют между собой. Нормальный рабочий процесс может включать оба: структура и хранение в веб-приложении, точная сборка на холсте в Figma, затем финальная проверка и выгрузка.