Style Dictionary

Overview

Set up Style Dictionary to transform design tokens into platform-specific formats. The industry standard for design systems that need to output to web, iOS, Android, and other platforms from a single token source.

When to Use

• Setting up a new design system with multi-platform needs
• Converting Figma tokens to code
• Generating CSS, SCSS, iOS Swift, Android XML from one source
• Adding custom token transforms or formats
• Integrating tokens into a build pipeline

Quick Reference: Core Concepts