Inspect Mode for the Tokens Tab

This feature would function similarly to the existing Deep Inspect mode but would be available within the Tokens tab rather than the Inspect tab. Upon activation, it would operate as follows:

  • User selects an element on the Figma canvas

  • The plugin displays only the tokens assigned to the selected element(s)

  • Users can navigate to other sets while the filter remains active, continuing to display only applied tokens.

  • If nothing is selected on the Figma canvas, no tokens are displayed, similar to the appearance of an empty set

Essentially, this mode acts as a "filter-by-selected", where the plugin panel only shows tokens that are assigned to the selected elements, hiding any token that is not highlighted in blue.

Primary Use Case: Designers theming and skinning in complex token hierarchies. It would make it very easy to review and modify component tokens, since only those that are active for the selected element(s) would be displayed.


Secondary Use Case: When authoring tokens. Makes it easier to review and edit tokens by reducing the need to switch between the Tokens and Inspect tabs.

Would love to hear other folks ideas on additional use cases.

Please authenticate to join the conversation.

Upvoters
Status

πŸ’‘ Requests

Board

πŸ’‘ Plugin Feedback

Tags

πŸ•΅οΈ Inspect page/tab

Date

Almost 2 years ago

Author

Onur Orhon

Subscribe to post

Get notified by email when there are changes.