Join the Webstudio community

Updated 4 weeks ago

Support for account-wide design system tokens

It would be really helpful to be able to either transfer design tokens from one project to another or, alternatively, define tokens at an account level, so that people are able to re-use them across all of their projects. One of the major issues is that if you have a lot of tokens to manually add for each project, you lose a lot of velocity in design and development.

I would see design tokens being exportable and importable, being one of the more sensible approaches since that could potentially be done by implementing JSON import-export functionality. Where the JSON would contain the design token collection and their values.
B
S
5 comments
We usually recommend to put all tokens into "style guide" page, you can copy its content and paste into another project. All tokens will be copied as well.
Yep. I figured that bit to be the best way of workin, but the problem is that the page is not transferrable between projects. Or if it is, I don't know how to do it. And it also means that you are only transferring tokens you've applied to existing controls, not the ones you might need for something further down the road
that last bit being the biggest issue and caveat
The same way, you need some control, just copy it from another project and paste into your current one. Only used tokens will be transferred.
Like tokens in isolation maybe not make sense. Some controls carry a few tokens and selecting it from some list is not easy task. Copying whole control is much more straightforward.
Add a reply
Sign up and join the conversation on Discord