Ever been in gatherings with a group of friends, and you realise you really do not know the real names of 20% of the people you are hanging out with but you can easily identify them all by their nicknames. Where you do not have to remember what they look like physically, but when you mention their nicknames, which is unique to them alone, everyone in that gathering or within that group automatically know who you are referring to. This is what a design token is.
A design token is like this nickname we give to UI styles to easily identify them. Design tokens are applied to different style values in your design system.
Design tokens helps developers and designers alike, as it takes away the need to always keep up with different styles and elements within your design system. Tokenizing everything within the design system makes sure elements and styles are consistent, irrespective of how often the styles/elements are updated.
Other advantages includes:
There are various building blocks (Foundational elements) that makes up the bulk of the design system, and all these styles need to be tokenized. Some of them include:
Design Lead @ Chaka
Connect with Chris on LinkedIn
What changes will a collaboration between generative AI and creative work bring to the playing field? We see what we can expect from GenAI.