Плагин Variant Organiser автоматически упорядочивает варианты в сетке и создает метки свойств.
Как запустить Variant Organizer
Variant Organizer управляется с помощью клавиатуры из панели быстрого поиска Фигмы:
- Нажмите ⌘ + /, чтобы открыть панель быстрого поиска Фигмы (или CTRL + /, если вы работаете в Windows);
- Начните вводить «Variant Organizer», чтобы найти плагин.
Как пользоваться плагином «Variant Organizer»
- Сначала выберите набор компонентов, который хотите организовать;
- Найдите и выберите «Variant Organizer» > «Organise» в строке поиска быстрых действий Фигмы;
Следуйте инструкциям:
- Выберите, какое свойство использовать для столбцов в основной сетке;
- Выберите, какое свойство использовать для строк в основной сетке. Если ваш компонент имеет только два свойства, этого достаточно, чтобы расположить варианты в простой сетке.
- Если у вас больше свойств, эта сетка будет повторяться, чтобы сформировать блоки вариантов в более крупной сетке;
- Нажмите Tab, чтобы выбрать свойство для создания горизонтальных блоков. Этот шаг является необязательным;
- Нажмите Enter, чтобы сгенерировать полную структуру сетки. Любые оставшиеся свойства будут использоваться для группировки вариантов по вертикали.
Как изменить настройки интервалов
Можно изменить расстояние между вариантами, а также расстояние между блоками в настройках.
Найдите и выберите «Variant Organizer» > «Preferences» в строке поиска быстрых действий Фигмы:
- Введите интервал между вариантами;
- Введите интервал между блоками;
- Нажмите Enter, чтобы сохранить настройки.