Tokens

Переключатель модов

Mode Switcher в Tokens: превью токенов в выбранном variable-моде (теме) и применение мода к выделению, фрейму или странице Figma, с авто-применением при переключении.

Что это

Переключатель модов (Mode Switcher) — иконка в шапке вкладки Tokens, открывающая меню выбора variable mode (мода / темы) для ваших коллекций. Он решает две задачи: превью токенов в нужном моде прямо в плагине и применение мода к элементам Figma.

Если в дизайн-системе нет ни одной коллекции с несколькими модами, меню покажет No multi-mode collections — переключать нечего.

Меню переключателя модов в шапке Tokens

Превью мода

Выбор мода в меню задаёт preview-контекст для текущего файла Figma:

  • бейджи и тултипы токенов в плагине сразу пересчитываются под выбранный мод (см. визуальный рендер токенов);
  • это только просмотр — canvas Figma не меняется.

Preview-мод запоминается для каждого файла отдельно: вернувшись в файл позже, вы увидите тот мод, который выбирали в нём.

Применение мода к Figma

В меню доступны действия применения explicit variable mode к узлам:

ДействиеЧто делает
Apply to selectionПрименяет выбранный мод к текущему выделению
Apply to parent frameПрименяет к родительскому фрейму выделенного узла
Apply to pageПрименяет к текущей странице
Clear modes from selectionСнимает явно заданные моды с текущего выделения (возврат к наследованию)

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

Auto-apply on switch

Тумблер Auto-apply on switch в меню переключает поведение:

  • выключен (по умолчанию) — выбор мода только меняет превью; применяете вручную через Apply to …;
  • включён — выбор мода сразу применяется к текущему выделению, без отдельного действия.

Используйте авто-применение, когда быстро прощёлкиваете темы на выбранном компоненте и хотите видеть результат прямо на canvas.

Где хранится контекст

Выбранный preview-мод и настройка Auto-apply on switch сохраняются в самом файле Figma (per-file): они восстанавливаются при повторном открытии файла и общие для всех, кто работает в этом файле. Это удобно как настройка по умолчанию для проекта; если нужен личный режим — переключайте preview/Auto-apply под себя в своей копии файла.

Подсказки

  • Светлая и тёмная тема плагина, а также активное состояние пунктов меню используют нативный глиф variable modes Figma — мод визуально считывается с первого взгляда.
  • Если нужного мода нет в списке — проверьте, что коллекция действительно многомодовая и экспортирована в Figma (см. Export variables & styles).