When using tokens in Penpot, it’s hard to know when they’re actually applied unless the Tokens panel is open. Unlike the local library where you can clearly see which styles are being used, tokens don’t surface their names in the UI.
For example, if I create a primary color token (#FF9900) and use it somewhere in my design, the fill still displays the raw hex value instead of the token name. This makes it difficult to tell whether a component is using the design system or just a random color.
This becomes an even bigger issue for developers when exporting tokens. If you can’t easily trace where tokens are used in the design, exporting them loses a lot of its value. At that point, it feels no different from just working with plain values.
