style-dictionary

name	style-dictionary
description	Use when transforming design tokens into platform-specific outputs using Style Dictionary. Covers configuration, transforms, formats, DTCG support, and multi-platform builds. USE FOR: Style Dictionary configuration, token transforms, platform-specific token output (CSS, SCSS, iOS, Android, Compose), custom formats, DTCG-to-platform pipelines DO NOT USE FOR: authoring token files (use design-tokens), Figma variable management (use figma), component documentation (use storybook)
license	MIT
metadata	{"displayName":"Style Dictionary","author":"Tyler-R-Kendrick"}
compatibility	claude, copilot, cursor
references	[{"title":"Style Dictionary Official Documentation","url":"https://styledictionary.com/"},{"title":"Style Dictionary — GitHub Repository","url":"https://github.com/amzn/style-dictionary"}]

Style Dictionary

Overview

Style Dictionary is the standard build system for transforming design tokens into platform-specific outputs — CSS custom properties, SCSS variables, iOS/Android constants, Kotlin Compose themes, and more. Version 4 adds native W3C DTCG support, ESM configuration, async transforms, and browser compatibility.