Agent 14 · 06 Experience Crafting

Design System Agent

Applies design-system tokens/components at scale and monitors drift

Accelerates

Applies existing tokens/components; flags elements with no clean token match; monitors for drift over time

Stops here

Invents new tokens/components silently; overrides design-system rules for aesthetics

Inputs
Design system library, structural screens
Outputs
Design-system-compliant screens, drift/consistency report
Model requirement
General-purpose LLM with design-system-aware retrieval (Claude Design / Figma Design System Intelligence-class)
"Apply [design system] to this structure. Flag any element with no clean token match, don't invent one."

The portable Markdown specification is included inside the site.

Open agent Markdown ↗