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

ConditionerConditioner

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

Плагин Conditioner показывает, как компоненты дизайна должны выглядеть в разных условиях применения (гость/залогиненный).

Обновите все экземпляры для отображения другого условия для всего приложения одним щелчком мыши.

Как пользоваться

  1. Создайте новый компонент или выберите существующий компонент и переместите его из любых родительских фреймов, чтобы его фрейм находился на верхнем уровне документа, а не встраивался ни в какие другие фреймы
  2. Назовите компонент как хотите, но убедитесь, что он оканчивается на «?», За которым следует имя условия, которое он представляет. Пример: «Заголовок? Аноним» или «Навигация / Нижние вкладки? Аноним»
  3. Поместите экземпляры компонента в любые места в вашем дизайне, которые вы хотели бы видеть.
  4. Создайте новый условный вариант, также на верхнем уровне страницы. Это можно сделать, продублировав исходный компонент и изменив переопределения, или вы можете создать совершенно новый фрейм с совершенно другим содержимым. Сделайте новый экземпляр или фрейм компонентом и назовите его так, чтобы он соответствовал первому условному варианту. Пример: «Заголовок? Вход в систему» ​​или «Навигация / Нижние вкладки? Вход в систему»
  5. Повторите шаг 4 для всех условных изменений, которые вы хотите внести для этого компонента
  6. Оберните все условные вариации в один кадр. Назовите фрейм, используя имя компонента, а затем «?» в конце. Пример: «Заголовок?» или «Навигация / Нижние вкладки?»

Повторите процесс, чтобы установить столько условно заменяемых компонентов, сколько вам нужно. Запускайте плагин Conditioner всякий раз, когда вы хотите поменять все условные экземпляры в вашем дизайне с одного варианта на другой.

Примерная структура

  • Настройка условных компонентов:

фрейм: Заголовок?
компонент: Заголовок? аниним
компонент: Заголовок? залогинен

фрейм: навигация / нижние вкладки?
компонент: навигация / нижние вкладки? аниним
компонент: навигация / нижние вкладки? залогинен

Разработчик: Ryan Berg

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