Design tokens are a limited set of discrete options, just like a scale of musical notes is drawn from the spectrum of all possible frequencies. Or like the presets on a car radio — not every option, just a specific selection.US Web Design System
A brief overview and main features

useDesignTokens is a powerful tool for managing design tokens in your design system.

It can be used as a standalone web application or as a plugin in Figma, making it easy to integrate with your existing workflow.

With useDesignTokens, you can easily create, import, and manage design tokens in a way that streamlines your workflow and ensures consistency across all of your projects.

Whether you're starting from scratch or importing existing design tokens, useDesignTokens makes it easy to keep your design system organized and up-to-date.



You can join to our slack channel and share your ideas, feedback or questions with our community.

Join to our Slack Group

Your thoughts are appreciated. Let's shape the future of our tools together!
Let's Join


The purpose of the content here is to present the basics of useDesignTokens for creating and managing design tokens. If you want to learn more about design systems or design tokens in general, here is a list of resources that we picked for you