Inspecting bindings
The inspect tab of Syntope Tokens shows which tokens and Figma variables set the selected layers, where each value comes from, and lets you repair or remove a binding.
What it shows
Select one or more layers, then open inspect. Without a selection the tab says no layers selected.
Inspect lists the selected layers themselves, not their children. To check a child, select it. After sync to: selection, children with problems also appear under layers in your selection that need attention.
The top line holds a search field, remove bindings and a reload icon. Below it, active themes: names the theme in use of each group, or Base only.
Each row is one property on one layer:
| Part | Meaning |
|---|---|
| Checkbox | Selects the row for removal. Only rows with a binding have one |
| Token name and type | The bound token, for example color.primary and color |
| Layer name and target | The layer and its apply target, by internal name such as fills |
| current path: | The token’s set and path now, also after a rename |
| value from: | The set and token that win under the active themes |
| resolved value: | The value those themes produce |
| last outcome: | The result of the last apply in this session |
| Crosshair icon | Locates the layer |
A property set by a Figma variable shows the type variable and To replace this Figma variable, apply a token from Tokens.
A red row has a problem. Its text says which.
Row actions
Right-click a row, or focus it and press Shift+F10.
| Action | Effect |
|---|---|
| Locate | Selects the layer and zooms to it. It works on the current page only: The layer is on another page. Switch to its page in Figma to locate it. |
| Reapply | Writes the token’s current value to that target again |
| Remove Syntope binding | Removes this binding after a confirmation |
To move a binding to another target, apply the token to the new target from the tokens tab, then remove the old row.
Remove bindings
Tick rows, or use select all, which covers the rows the search currently shows. The button reads remove bindings and stays disabled until a row is ticked. It then reads remove selected (2).
The confirmation lists every row. Removing a binding does not change the layer: The layers keep how they look now, but token changes no longer update them. Press Cmd+Z in Figma to take it back.
If some removals fail, the tab reports how many and offers retry and cancel.
Problem rows
| Text on the row | Meaning | Do this |
|---|---|---|
| A Figma variable and a token both set this property. Apply the token again to replace the variable. | A variable was added to this property in Figma | Reapply, then confirm apply token directly |
| ‘…’ has a broken reference: … does not exist. Fix the reference before applying it. | The token’s reference has no target | Fix the reference |
| Authored token ‘…’ does not exist | The token was deleted | Remove the binding, or apply another token to that target |
| Could not read Syntope bindings | The record on the layer is unreadable | Use the reload icon. If it stays, get help |
The applied outline
In the tokens tab, a token bound on a selected layer has an outline. Select a component and read the panel to see which tokens it uses.
What Inspect does not tell you
- Which layers use a token across the file. The view follows the selection. To update every use, select the frames and run sync to: selection, which includes their children.
- Whether a layer still matches its token. A binding records that a token was applied. If someone changed the fill by hand, the row stays. Run Reapply or sync to: selection to write the token’s value again.