[Ultra] Subatomic: The Complete Guide To Design Tokens

World-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.

• Over 13 hours of in-depth videos
• Figma & code sample architecture
• Naming & governance workflows
• PDF slides with over 150 resources
• Certificate of completion

Course Content

Over 13 hours of in-depth video comprehensively covering core concepts, best practices, resources, insights, real-world stories, and actionable advice.

• DESIGN TOKEN CORE CONCEPTS

Why design tokens are critical for orgs supporting Multi-All-The-Things: products, platforms, brands, modes.

• TOKEN FOUNDATIONS & ARCHITECTURE

A 3-tiered design token architecture, color systems, typography systems, border, spacing, and more.

• NAMING CONVENTIONS

Tools, structure, & pragmatic advice to help you conquer the biggest pain in the ass around creating a token.

• BUILDING A TOKEN SYSTEM

Figma Variables, Style Dictionary, and other tools. The good, bad, and ugly of synchronization and automation.

• PUBLISHING A TOKEN SYSTEM

Tokens as a product. Figma team libraries, pm and it's ilk. What to publish. Coordinating releases.

• ADOPTING DESIGN TOKENS

The user experience of design tokens; how design system consumers use design tokens.

• MAINTAINING & EVOLVING TOKEN SYSTEMS

Pilot projects, token czars, branching, versioning, releasing, and governing a token system.

• ADVANCED DESIGN TOKENS

Dark mode, rebrands, sub-brands, white-labeling, multiple product families, and more.