Плагин Component Variables помогает настроить компоненты Figma упорядоченным и автоматическим способом.
Создайте и отредактируйте предустановленные переменные в вашем компоненте без необходимости проходить через группы и автолейаут.
Переменные текста
Затем в меню «Плагины» выбираем «Add numbers to texts»
Присвойте имя переменной текстовому слою и измените текстовое содержимое с помощью панели.
Назовите текстовый слой, заключив его в фигурные скобки. Имя внутри будет присвоено переменной.
Например: {label} создаст переменную `label`.
Переменный выбор
Затем в меню «Плагины» выбираем «Add numbers to texts»
Создайте сгруппированные параметры, которые отображаются только один раз.
Оберните имя слоя в скобки, первое имя должно быть именем группы, а второе имя переменной. Разделите имена с помощью «.» ,
Когда выбран, все слои будут скрыты, ожидайте выбранного.
Например: [Color.Blue], [Color.Green] создает группу «Цвет», в которой вы можете выбирать между «синим» и «зеленым» цветами.
Переменные состояния
Затем в меню «Плагины» выбираем «Add numbers to texts»
Показать или скрыть слой на основе условия.
Назовите слой, заключив его в скобки. Это создаст переключатель для имени переменной, который вы можете показать / скрыть на панели.
Например: (отключено)
Вы можете создать обратное условие, назвав слой, начинающийся с ’!’ ,
Например: (! Отключено)
Примечания
- Переменные должны быть созданы в главном компоненте, помня о том, чтобы не переименовывать слои в экземпляре.
- Панель конфигурации работает только с экземплярами.
- Вы можете создать несколько слоев с одинаковыми именами, чтобы получить одинаковое поведение на них.