design-tokens

The DTCG specification standardizes design token formats, types, and validation to ensure consistent token systems across platforms. It defines structure rules, color formatting, and reference aliasing for interoperable theming workflows.

Design token aliasing uses references to map token values, while resolvers interpret these references to generate context-specific themes. This skill provides configuration guidance and practical examples for setting up resolvers across different platforms.

Color spaces like srgb, display-p3, and OKLCH require specific formatting rules in design tokens. The DTCG spec defines how to structure these color values, including hex fallbacks for broader compatibility across rendering engines.

Yes, Figma exports can be processed into DTCG-compliant design tokens using tooling workflows. This skill offers guidance for integrating jq, JSONata, and Terrazzo to transform and validate Figma token outputs end-to-end.

Validating design token files requires checking structure definitions, color formatting rules, and alias resolution against the DTCG specification. Tools like Terrazzo and jq can automate this validation process within your tooling workflow.

Design token references may fail due to incorrect aliasing syntax or resolver misconfiguration. The DTCG spec defines strict reference resolution rules, and this skill helps diagnose and fix resolver setup issues for cross-platform theming.