API Sync « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma
Это не официальный сайт Figma / This is not the official site of Figma

API SyncAPI Sync

установить плагин для Фигмы Add numbers to texts

Плагин API Sync синхронизирует дизайн с данными API

Особенности

  • Загрузить JSON из API URL или вставить как текст
  • Перейдите в JSON в простом интерфейсе и выберите путь
  • Заполните, подключите и синхронизируйте свои слои с текстом и изображениями

Форматирование

Поскольку данные не всегда соответствуют тому, как мы хотим их визуализировать, вы можете отформатировать текстовые результаты перед их заполнением. Для гибкости форматирование выполняется с использованием кода js, где можете использовать $ value в качестве переменной, исходящей из JSON. Вот несколько примеров:

  • John-follower -> $value.split(‘-‘)[0] -> John
  • 224.50 -> ‘€ ‘ + Math.round($value) -> € 225
  • true -> $value ? ‘available’ : ‘occupied’ -> available
  • 1 -> [‘Clear’, ‘Rain’, ‘Snow’][$value] -> Rain
  • 1988 -> «‘» + ($value).toString().substring(2,4) -> ’88

Заметки

  • Поддерживает только JSON
  • Вам нужно вручную выбрать, какие массивы пройти через цикл после выбора пути
  • Результаты массива зацикливаются отдельно через все кадры первого уровня на странице
  • Данные, связанные с компонентными слоями, не передаются его экземплярам. В этом случае подключите данные к экземпляру, а при копировании экземпляра данные остаются подключенными.
  • Для быстрого умножения слоев установите плагин Multiply
Разработчик: Emin Sinani

Плагины из той же категории