This repo demonstrates a simple design automation workflow that handles design tokens, their transformation to css vars, and pushing updated css files to another project repo.
-
Updated
Sep 28, 2025 - CSS
8000
This repo demonstrates a simple design automation workflow that handles design tokens, their transformation to css vars, and pushing updated css files to another project repo.
GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).
Use Style Dictionary with integrated dark mode support and TypeScript to efficiently create and manage cross-platform design tokens.
This demo was part of "Design Tokens 101: Practical Knowledge in 60 minutes" presentation 420E for DesignDNA.
Add a description, image, and links to the style-dictionary topic page so that developers can more easily learn about it.
To associate your repository with the style-dictionary topic, visit your repo's landing page and select "manage topics."