Hi guys! Penpot’s Design Tokens are a true game changer and they are great to work with, but there’s a set of improvements that may be added to help users feel more comfortable with and better understand the usage of them across projects.
1- Make tokens visible in the design panel
As of right now (v2.7) when we set a token to an element, there’s no visible cue on the design properties panel. The only way a user can see if a token is active is looking through the tokens panel, which may not be visible at other times while working. Maybe having something to show that a token is set on the design properties panel (right side of the screen) would solve the issue, like this example right here:
2- Convert assets to tokens on a new right-click option
Most of us have used the assets panel available on Penpot to store our colors and fonts before the tokens. As the tokens are much more functional way to store things like colors and typographies, would be nice to be able to select and convert some of them to tokens. Maybe by right clicking we could configure to what set that color/type should be moved to and if it should be removed from our assets as well. A reverse option would also be a nice to have (convert back to assets).
