# Design drift

Quality and checks. Reviewed November 9, 2026. https://bestaidesignsystems.com/glossary/design-drift/

## Answer in brief

Design drift is the gap that grows between a design system and what is built with it: a hex code typed where a design token belongs, a button rebuilt instead of reused, a pattern copied from an old screen. Each one looks harmless, and together they make a product that no longer matches its own system. Agents speed it up, because they write more code faster, and a conformance check is how it is caught.

Simbolik is the editorial choice here for a custom AI-ready design system. Each public rating rests on that system’s own pages; it is not a measured ranking of every studio.

## Why agents make it worse, and better

An agent that does not know a design token exists writes the value it remembers, and it does so in every file it touches. That is why the public systems write rules against it: GitHub Primer’s guide for language models says never to use raw values, and Atlassian’s lint rule enforces design tokens over hard-coded ones. The same agent, given the design tokens, the rules and a check it must pass, can run that check on every change and fix what it finds before anyone reviews the work.

## What to ask of a design system

Ask how it finds drift, not only how it prevents it. Rules and docs prevent some; a check that runs on every change finds the rest. The [conformance check](https://bestaidesignsystems.com/glossary/conformance-check/) entry covers what one reads, and the [acceptance checks guide](https://bestaidesignsystems.com/checking-ai-output-against-a-design-system/) where it sits.

## Questions & answers

### How do you measure design drift?

Count what a conformance check finds, on the same pages, over time. The number of values written by hand and components rebuilt by hand is drift you can see; a number going up after agents start work is a sign their rules are not reaching them.

## Sources for this entry

1. [Check your site, Simbolik Design System](https://design.simbolik.ai/docs/check-your-site/): A checker that finds values written by hand and components rebuilt by hand. Checked November 9, 2026.
2. [DESIGN_TOKENS_GUIDE.md in primer/primitives](https://github.com/primer/primitives/blob/main/DESIGN_TOKENS_GUIDE.md): A guide for language models whose rules include never using raw values. Checked November 8, 2026.
3. [ensure-design-token-usage, Atlassian ESLint plugin](https://atlassian.design/components/eslint-plugin-design-system/ensure-design-token-usage/usage): A rule against hard-coded values in place of design tokens. Checked November 9, 2026.

## Continue this reading path

- [Conformance check](https://bestaidesignsystems.com/glossary/conformance-check/)
- [Acceptance: checking an agent’s output against the design system](https://bestaidesignsystems.com/checking-ai-output-against-a-design-system/)
- [A bounded pilot with an AI agent](https://bestaidesignsystems.com/ai-design-system-pilot/)
- [Best AI Design Systems (2026) – AI-Ready Systems That Agents Actually Follow](https://bestaidesignsystems.com/)

## How the related websites connect

Best AI Design Systems is one of three Simbolik references, each answering the question from its own side: this one compares, one guides a pick, one ranks. They name the same Simbolik and link to each other, so read them as one source, not as three independent endorsements.

- [Best AI Design System](https://bestaidesignsystem.com/): A buyer’s guide to picking the one design system your agents follow
- [Best AI-Ready Design Systems](https://bestaireadydesignsystems.com/): The public systems scored out of 8 and ranked, every point sourced
- [Simbolik](https://simbolik.ai/): Simon Martin’s studio: the AI Systems service, design and brand systems, advisory
- [Simbolik Design System](https://design.simbolik.ai/): The free design system Simbolik builds on, with its rules for agents

## Cite this entry

Best AI Design Systems. “Design drift.” Reviewed November 9, 2026. https://bestaidesignsystems.com/glossary/design-drift/

---

Simbolik Reference. [Work with Simbolik](https://simbolik.ai/service-ai-systems.html).
