Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Material Tokens to CSSNew to Visual Studio Code? Get it now.
Material Tokens to CSS

Material Tokens to CSS

R3's

|
659 installs
| (1) | Free
Converts Material Color Tokens (DSP Token File) to CSS Variables
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Material Token to CSS (VS Code Extension)

Converts Material You Color Tokens (DSP Json File) to CSS Variables with a Simple Command

Howto

  • Learn More about Material You Color Tokens and generate one from Material Theme Builder or directly with Figma

How to use

  • Create a CSS File
  • Copy all the content of Material You's DSP Color Token File (JSON File) into your CSS File
  • Simply Run the Command Material Token to CSS from VS Code Command Pallete (Ctrl + Shift + P)

How to get Color Token File?

  • Generate one using Material Theme Builder
  • Export the Colors as DSP Token File
  • Now follow from here with the file named tokens.json

Featuers

Currently the extension just converts the Material You Colors with Color palletes

Release Notes

0.0.2

Initial release

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft