Design tokens, what they are & why to use them.

Shared by

Design tokens are just spicy variables, right? Wrong! They are an extremely versatile way of sharing design properties.

Design Tokens are the visual atoms of the design system – specifically, they are named entities that store visual design attributes. We use them in place of hard–coded values in order to maintain a scalable and consistent visual system.


Andy Bell over at Piccalilli wrote a great article explaining design tokens, what they are, why you should use them, and some useful tools that will aid in the design process.

Join the conversation.

Your email address will not be published. Required fields are marked *

All comments posted on 'Design tokens, what they are & why to use them.' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.