Design Tokens Workflow Series

Welcome to the Design Tokens Workflow Series!

This series of articles explores various aspects of Design Tokens and how to effectively use Style Dictionary in your projects.

The goal is to help you quickly get up and running with design tokens that can be transformed into CSS custom properties, Sass variables, or other formats to maintain consistency across your projects.

Each article is structured as its own branch in this repository.

Articles

1. Getting Started With Style Dictionary
2. Outputting to Different Formats with Style Dictionary
3. Beyond JSON: Exploring File Formats for Design Tokens
4. Converting Tokens with Style Dictionary
5. Organising Outputs with Style Dictionary
6. Layers: Referencing Tokens in Style Dictionary
7. Implementing Light and Dark Mode with Style Dictionary
8. Implementing Light and Dark Mode with Style Dictionary (part 2)

Branches

1. Getting Started With Style Dictionary
2. Outputting to Different Formats with Style Dictionary
3. Beyond JSON: Exploring File Formats for Design Tokens
4. Converting Tokens with Style Dictionary
5. Organising Outputs with Style Dictionary
6. Layers: Referencing Tokens in Style Dictionary
7. Implementing Light and Dark Mode with Style Dictionary (part 2)
   • Part A