🪙 Token metadata enhancements

As the community uses design tokens in more complex ways, they would like to see additional metadata added to their tokens as a way to organize their design decisions in the plugin and in code:

• Accessibility scores

• Status of a token

• Version control information

• Creation date

• Last updated date

• Created by

• Last updated by

• Custom metadata

Plugin users could sort, filter and group their tokens by these properties if they wish, and engineers could build automated workflow enhancements when the data changes.\

Display Tokens with Broken links to Variables

Problem:

• There is currently no efficient way to identify broken links between tokens and their corresponding styles & variables in Figma. This issue is critical for teams working on large design systems. The current method requires users to manually review all collections/themes to verify each connection, leading to potential oversight of broken connections and loss of tracking.

Solution:

• Introduce a dedicated tab or view that displays all tokens with broken links specifically related to their corresponding variables. Implement a high-level indicator on the collection/theme page that flags broken connections, allowing users to quickly identify issues without needing to check each collection/theme individually.

• User suggestion:

🧐 The reality

The DTCG W3C draft has a specification for $extensions which could support this, but Style Dictionary may have a different way to approach this, so that would need to be considered.

💭 How might we...

Introduce additional information to be added to a design token in a way that doesn't clutter the no-code experience for plugin users but allows this powerful information to be available on demand and in code?

💬 Feedback that is valuable

• How does this issue impact your day-to-day workflow?

• What workarounds do you have?

• What additional metadata would improve your workflow?

↔ Related topics

• 🪙 Add support for Token usage metadata → Jump to post