Introduction

The Design Tokens Community Group's goal is to provide standards upon which products and design tools can rely for sharing stylistic pieces of a design system at scale. Source

Learn more about Design Tokens

@nuxtjs/design-tokens offers a straightforward way to use Design Tokens definition inside your Nuxt app.

It is powered by Style Dictionary, a powerful library by Amazon.

Users can define a set of Design Tokens as they would define a set of configurations options for their app.

Then, these tokens get processed by Style Dictionary on each file save, and gets injected into your Nuxt app.

This allows global usage of tokens anywhere in the app, even in external files like tailwind.config...