I’m just learning about design tokens and the concept is super intriguing to me. Essentially, design tokens allow you to set specific styles for fonts, colors, spacing, etc. and then have them populate across platforms (web, iOS, Android, etc.). The value is that each of these platforms have different ways of executing styles and design tokens convert your set styling into each of these required platform structures. Essentially acts as a cross-platform compiler. So, if I were to say update a brand color that appears in 4 of our apps on different platforms, instead of individually going into each and manually updating, you update the design token source and viola, that referenced color is changed in all of your platforms.
Obviously I know that Bootstrap Studio is just for web projects, but I’m curious if within the CSS if I could reference design tokens.
Has anyone experimented with this or have any knowledge as to whether design tokens could be used within Bootstrap Studio after the infrastructure has been set up?
Right now I’m looking at this tool to implement: