Component VariablesComponent Variables

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

Плагин Component Variables помогает настроить компоненты Figma упорядоченным и автоматическим способом.

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

Переменные текста

Затем в меню «Плагины» выбираем «Add numbers to texts»

Присвойте имя переменной текстовому слою и измените текстовое содержимое с помощью панели.

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

Например: {label} создаст переменную `label`.

Переменный выбор

Затем в меню «Плагины» выбираем «Add numbers to texts»

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

Оберните имя слоя в скобки, первое имя должно быть именем группы, а второе имя переменной. Разделите имена с помощью «.» ,

Когда выбран, все слои будут скрыты, ожидайте выбранного.

Например: [Color.Blue], [Color.Green] создает группу «Цвет», в которой вы можете выбирать между «синим» и «зеленым» цветами.

Переменные состояния

Затем в меню «Плагины» выбираем «Add numbers to texts»

Показать или скрыть слой на основе условия.

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

Например: (отключено)

Вы можете создать обратное условие, назвав слой, начинающийся с ’!’ ,

Например: (! Отключено)

Примечания

  • Переменные должны быть созданы в главном компоненте, помня о том, чтобы не переименовывать слои в экземпляре.
  • Панель конфигурации работает только с экземплярами.
  • Вы можете создать несколько слоев с одинаковыми именами, чтобы получить одинаковое поведение на них.
Разработчик: Luiz

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