Skip to main content

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.

Status: 💡 Requests1 comment

Log in to comment and vote

Comments1

  • Sam - Tokens Studio

    •

    Apr 26, 2024

    @Chris Kerr I feel like you will have ideas on this in line with your "theme switching" only mode for designers