Home/Design Tokens/Style Dictionary
S
Style Dictionary logo

Style Dictionary

Updated: Oct 15, 2026

Build system that turns design tokens into platform-ready code for iOS, Android, CSS, JS, HTML, sketch files, and style documentation, forward-compatible with the DTCG spec.

Style Dictionary

About Style Dictionary

Overview

Style Dictionary is an open-source build system that exports design tokens to any platform, including iOS, Android, CSS, JS, HTML, sketch files, and style documentation. It is forward-compatible with the Design Tokens Community Group (DTCG) specification.

The project provides documentation, a migration guide to Version 4, v3 docs, and a live demo that shows how a set of DTCG tokens exports to CSS. A built-in converter takes uploaded JSON or ZIP token files and converts them to DTCG format.

Key Benefits

  • Exports a single set of design tokens to multiple platforms and output formats
  • Converts existing token files (JSON or ZIP) into the DTCG format
  • Forward-compatible with the Design Tokens Community Group specification
  • Includes a live demo that renders DTCG tokens as CSS output
  • Offers documentation, a Version 4 migration guide, and legacy v3 docs

Style Dictionary Pricing

Free
Free

Pricing extracted from the product website and may change. Check the source for current details.