Skip to main content

Design Token Management

Define and manage design tokens (colors, typography, spacing) with multi-platform export (web, iOS, Android).

Complexity: Moderate | Duration: 15-30m | Category: Creative/Design

Tags: design-tokens theming multi-platform automation

Workflow Diagram​

Steps​

Step 1: Define token taxonomy (color,​

Agent: design

systems-architect - structure

Step 2: Create token values in design​

Agent: ui

designer - visual definition

Step 3: Export tokens to JSON​

Agent: design

systems-architect - data format

Step 4: Transform for web (CSS variabl​

Agent: frontend

developer - web platform

Step 5: Transform for iOS (Swift)​

Agent: mobile

developer - iOS platform

Step 6: Transform for Android (XML)​

Agent: mobile

developer - Android platform

Step 7: Version control and publish​

Agent: design

systems-architect - distribution

Usage​

To execute this workflow:

/workflow creative/design/design-token-management.workflow

See other workflows in this category for related automation patterns.