Here is a real scenario workflow outlining the design system process from Figma design tokens through token management with Supernova and Style Dictionary, to component documentation and developer handoff with Storybook:

1. Define and Organize Design Tokens in Figma

• Design tokens such as colors, typography, spacing, and other design properties are created and stored in Figma using Styles, Variables, or plugins like Tokens Studio.
• Tokens are organized semantically (e.g., primary-color, error-bg, spacing-lg) for clarity and scalability.

Update 1: Tokens, variables, and styles

The Evolution of Design System Tokens: A 2025 Deep Dive into Next-Generation Figma Structures

2. Import and Manage Tokens in Supernova

• Tokens are imported from Figma (via direct integration or through exports/plugins like Tokens Studio) into Supernova, a dedicated design token management platform.
• Supernova automatically syncs token updates from Figma and allows central management: filtering, editing, adding descriptions, and setting statuses.
• It also supports comprehensive documentation of tokens including guidelines, versioning, and usage notes embedded directly within the platform.
• Supernova ties tokens to components and documentation visually, creating a unified source for design and development.

Supernova Cloud - Manage Your Design Tokens Effortlessly

How to Manage Your Design Tokens — Beginner’s Guide – Blog – Supernova.io

3. Transform Tokens with Style Dictionary

• Style Dictionary is used to transform the centralized token JSON (exported from Supernova or Figma) into platform-specific formats like CSS, Swift, Android XML, or JSON for web and native apps.
• It enables design tokens to be written once and used consistently across multiple platforms through code generation.
• Style Dictionary supports custom transforms and templates, also generating or updating style documentation automatically.
• This transformation ensures that tokens maintain design consistency in codebases without manual duplication.

https://www.contentful.com/blog/design-token-system/