Design Token Taxonomy Map

✍️ Description:

Do you think "design token" is a quite abstract concept? Are you struggling with how to properly name and structure them? Then this template is for you! It provides a way to visualize design token structures and set a clear taxonomy and topology by creating a Taxonomy Map. The Design Token Taxonomy Map is based on the Namespace–Object–Base–Modifier taxonomy created by Nathan Curtis.

🎯 Goal:

• Act as the visual "map" of your design tokens.

• Give you and your team an accessible way of deciding the structure and naming of your components.

• Present an accessible way to document your design token to be shared with other teams or individuals.

❓ How To Use:

• Copy the Token Taxonomy Map frame and start constructing your design tokens!

• Read through the descriptions of each "token tier" in the Tokens Explanation section.

• Use tables with actual variables to complement your token map or maps.