SXL Studio
Inspect

Привязка токенов

Token Bindings в Inspect: как SXL Studio собирает, показывает, переопределяет и снимает привязки токенов, переменных и стилей.

Что показывает Token Bindings

Секция Token Bindings в Inspect показывает эффективные привязки для выбранного дерева узлов.

Источники данных:

  • plugin data appliedTokens (применения через SXL Studio);
  • metadata composition/template bindings;
  • нативные Figma variable bindings (boundVariables);
  • fallback по text style (textStyleId) для typography-представления.

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

Учет инстансов и вложенных слоев

Для инстансов и их подслоев Inspect также учитывает резолвимые привязки из main component counterpart, когда Figma не отдает часть boundVariables напрямую у instance copy.

Это делает картину привязок стабильнее для вложенных инстанс-структур.

Структура UI

Для каждого узла в выбранном поддереве выводятся:

  • свойство (fill, stroke, cornerRadius, font и т.д.);
  • token path;
  • preview resolved value;
  • действия: Override и Unlink.

Действие верхнего уровня:

  • Unlink All: рекурсивно снимает привязки в поддереве текущего узла.

Override: как работает

  1. Нажмите Override в строке привязки.
  2. В модальном окне выберите новый token path (поиск + дерево).
  3. Выберите действие:
    • Save: переписать путь только в plugin data;
    • Apply: переписать путь и сразу применить значение токена к узлу.

Если новый token path не найден, Apply вернет уведомление об ошибке.

Unlink одной привязки

Unlink в строке:

  1. снимает Figma-binding у этого свойства;
  2. удаляет соответствующую запись из appliedTokens;
  3. обновляет Inspect результат.

Unlink All

Unlink All в заголовке панели:

  • проходит по поддереву текущего узла;
  • очищает token bindings и style/variable links там, где это поддерживается;
  • также пытается очистить explicit mode references в том же scope.

Используйте осторожно на больших поддеревьях.

Производительность

  • Inspect показывает только релевантные узлы и объединенные привязки для текущего выбранного дерева.
  • Для массовой перепривязки используйте Apply Tokens с scope Selection/Page/Document в Tokens-потоке.

Связанные разделы