<aside>

Marta_Conde_Design_System_UX_Product_Designer 19.30.56.jpg

Hi! I’m Marta Conde, a Design Systems professional and instructor of the Design Tokens course at The Hero Camp.

Originally from Mallorca, I have a passion for photography, travel, and taste new food. In my free time, you can often find me riding my motorcycle or going for a run.


🔗 Linkedin: martacondedesign 📸 Instagram: martacondedesign

</aside>

<aside> ✨ OVERVIEW


Key concepts in structuring Design Tokens

Alias, primitives, semantic, and modes are key concepts for structuring and organizing design tokens.

Category Synonyms Description
Alias decisions Refers to the alternative names for token categories, aiding in organization.
Primitives global, core tokens, options, name, basics, fundamentals, base Refers to the fundamental tokens that serve as the building blocks for more complex design elements.
Semantic decisions, functional
specific: component/ pattern Indicates the meaning and context of token categories, enhancing clarity and understanding. You can be more specific by creating a new category or subcategory with semantic tokens tailored to specific components or patterns.
Mode mode, theme, mapped, style, configuration
brand, collection, Identity Refers to the specific design configuration or visual theme applied.

Tokens glossary

Tokens categories

Compound tokens


Assets

This is the original table, and the one above is just a view of the original table

Tokens glossary


Thank you for using my template:). I value your input and would love to hear your thoughts. Feel free to send me your feedback.