Design tokens là gì?

Design tokens là các giá trị thiết kế cơ bản (colors, spacing, typography, shadows) được đặt tên và lưu trữ platform-agnostic, thường là JSON:

{ "color-primary": "#2563eb", "spacing-md": "16px" }

Tokens được transform sang CSS custom properties, SASS variables, hoặc JS objects — single source of truth cho design system. Khi designer thay đổi một token, tất cả platforms (web, iOS, Android) cập nhật theo.

Tools: Style Dictionary (Amazon), Figma Tokens plugin.