Organizing Tokens

Organizing tokens is a crucial aspect of managing a comprehensive design system. Our tool provides features like token tiers and tree structure to help you effectively organize and structure your design tokens.

Token tiers allow you to categorize tokens into different levels or tiers based on their importance or usage. For example, you can have a tier for global tokens that are used across the entire design system, such as colors, typography, and spacing. Another tier can be for component-specific tokens, like button styles, form field styles, etc. This helps you to logically group and manage tokens based on their purpose, making it easier to locate and update them when needed.

The tree structure feature allows you to create a hierarchical structure of tokens, similar to a folder structure, to organize and manage them in a visually intuitive way. You can create folders and subfolders to group related tokens together, and even nest them further to reflect the relationships between different tokens. This hierarchical structure enables you to create a clear and organized system for your design tokens, making it easy to navigate and manage a large number of tokens.

You can easily drag and drop tokens, folders, and subfolders within the tree to rearrange their order, move them to different tiers or folders, and create a well-organized structure that fits your specific needs.

By leveraging token tiers and tree structure, you can effectively organize and manage your design tokens in a way that aligns with your design system's structure and requirements. This enables you to maintain consistency, scalability, and efficiency in your design system, making it easier for your team to collaborate, iterate, and maintain a unified visual language across your projects..