How AI Agents Read Your Design System

When an AI agent loads your site, it reads CSS variables, class names, and DOM structure — not your Figma file or design tokens. Here's how to make your design system agent-readable.

Primitive vs Semantic Tokens — When to Use What

Design tokens come in two flavors: primitive (pure values) and semantic (contextual meaning). Understanding the difference — and when to use each — is the foundation of any scalable design system.