AI agents are creeping into design token pipelines
Published 18 September 2026 · Source dated 5 September 2026
Some teams are wiring AI coding assistants into their design token workflow, using rules and MCP connections to keep components consistent. It's promising but still fragile in practice.
A handful of design system teams are experimenting with using AI agents (via Cursor rules or MCP) to check that new components match existing tokens, rather than relying purely on manual review. The pitch: catch a rogue hex code or inconsistent spacing value before it ships. In practice this only works if your token naming is already disciplined — AI agents amplify good systems and expose messy ones fast. It's early days; most of what's public is individual workflow write-ups, not vendor case studies with real numbers. Label: **hype** — genuinely interesting, worth watching, but not yet a proven, widely adopted practice.
Coach
pick one component in your (or a practice) design system and check whether its tokens are named consistently enough that an AI tool could use them without guessing.
Google's Material Design 3 popularised dynamic, token-based theming back in 2021, and it's still what most design-system setups get measured against. If you're building variables in Figma or tokens in Penpot, M3's structure is worth studying, not because it's new, but because it's proven.
open Material 3's token docs and compare their primitive-vs-role token split against your own Figma or Penpot library — note one gap you could fix this week.
Creative Market's 2026 trend forecast flags 'Glasscore' — blur, glow and translucent layers — as a rising visual style. For teams running token-based design systems, that means more theming flexibility, not just flat colour tokens.
Open your team's (or a starter) design system file and check whether blur/elevation tokens exist — if not, sketch one variant using Figma or Penpot's effect styles.
As canvas agents and coding agents start operating directly on design files, how well-structured your tokens are starts to matter for machines, not just humans. It's early signal, not proven best practice yet.
open your current Figma or Penpot file and check whether your colours and spacing are real tokens/styles or just hardcoded hex values — fix one screen's worth.
