My current use case involves managing core color variables and token variables within our design system. Designers frequently use core color variables when assigning colors, while token variables are primarily for maintaining color consistency across components and aren’t used directly by designers.
To streamline the color selection process and avoid clutter from unused token variables, I decided to unscope these token variables so they wouldn’t appear in the color options. This solution effectively removed unnecessary colors from the selection menu.
However, this change introduced a new issue: if we need to use a token variable for a specific component, we now have to manually scope the variable, publish the library, apply the color, and then unscope the variable and publish the library again. This process is cumbersome and not ideal for efficient workflow management.
All of this to say, a simple checkbox for “view all scopes” or “ignore scoping” in the color options menu when picking a color would solve this problem.
