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

Variant OrganiserVariant Organiser

установить плагин для Фигмы Variant Organiser

Плагин Variant Organiser автоматически упорядочивает варианты в сетке и создает метки свойств.

Как запустить Variant Organizer

Variant Organizer управляется с помощью клавиатуры из панели быстрого поиска Фигмы:

  • Нажмите ⌘ + /, чтобы открыть панель быстрого поиска Фигмы (или CTRL + /, если вы работаете в Windows);
  • Начните вводить «Variant Organizer», чтобы найти плагин.

Как пользоваться плагином «Variant Organizer»

  • Сначала выберите набор компонентов, который хотите организовать;
  • Найдите и выберите «Variant Organizer» > «Organise» в строке поиска быстрых действий Фигмы;

Следуйте инструкциям:

  • Выберите, какое свойство использовать для столбцов в основной сетке;
  • Выберите, какое свойство использовать для строк в основной сетке. Если ваш компонент имеет только два свойства, этого достаточно, чтобы расположить варианты в простой сетке.
  • Если у вас больше свойств, эта сетка будет повторяться, чтобы сформировать блоки вариантов в более крупной сетке;
  • Нажмите Tab, чтобы выбрать свойство для создания горизонтальных блоков. Этот шаг является необязательным;
  • Нажмите Enter, чтобы сгенерировать полную структуру сетки. Любые оставшиеся свойства будут использоваться для группировки вариантов по вертикали.

Как изменить настройки интервалов

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

Найдите и выберите «Variant Organizer» > «Preferences» в строке поиска быстрых действий Фигмы:

  • Введите интервал между вариантами;
  • Введите интервал между блоками;
  • Нажмите Enter, чтобы сохранить настройки.
Разработчик: Giles Perry

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