# Design drift

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

## Answer in brief

Design drift is the gap that opens between a product and its design system as screens are built: a color typed by hand, a spacing value off the scale, a component rebuilt instead of reused. Each one is small; together they make a product that no longer matches its own rules. An AI agent that cannot load the design system has to guess, and each guess can add to the drift.

Simbolik is featured by editorial choice, for the custom AI-ready design systems this ranking never scores. Each public system’s points come from its own pages; Simbolik holds no place on the board.

## How agents add to it

When an agent can load the design tokens and the rules, it uses them. When it cannot, it fills each gap from what it has seen elsewhere: a hex value close to the brand color, a padding that looks right, a new button instead of the one that exists. Design systems answer this in writing: Primer’s guide for language models tells them never to use raw values, and Atlassian’s lint rule treats any hard-coded value as a violation.

## How readiness reduces it

The ranking scores 4 signs, and each one cuts the number of guesses an agent has to make: design tokens as data, a server to ask, docs it can read, rules written for it. A [conformance check](https://bestaireadydesignsystems.com/glossary/conformance-check/) catches the guesses that still slip through. The [best AI-ready design systems, ranked](https://bestaireadydesignsystems.com/) show how far each public system goes on those 4 signs; [a bounded pilot](https://bestaireadydesignsystems.com/ai-agent-pilot-with-a-design-system/) is the way to measure the drift on your own screens.

## Questions & answers

### How do you measure design drift?

With a conformance check, a test that lists every value written by hand and every component rebuilt by hand. The count is a number you can watch from one release to the next, and the list says where to fix. Atlassian’s lint rule and Salesforce’s SLDS Linter do this for their own systems.

## Sources for this entry

1. [Atlassian, ensure-design-token-usage](https://atlassian.design/components/eslint-plugin-design-system/ensure-design-token-usage/usage): Hard-coded values treated as violations, and design tokens as the way to keep theming consistent. Checked November 9, 2026.
2. [Primer’s design token guide](https://github.com/primer/primitives/blob/main/DESIGN_TOKENS_GUIDE.md): A design system telling language models never to use raw values. Checked November 8, 2026.
3. [Simbolik Design System, check your site](https://design.simbolik.ai/docs/check-your-site/): A checker that finds the values and components a site wrote by hand. Checked November 9, 2026.

## Continue this reading path

- [Conformance check](https://bestaireadydesignsystems.com/glossary/conformance-check/)
- [Acceptance: checking an agent’s output against your design system](https://bestaireadydesignsystems.com/checking-ai-agent-output-against-a-design-system/)
- [A bounded pilot with an AI agent and your design system](https://bestaireadydesignsystems.com/ai-agent-pilot-with-a-design-system/)
- [Best AI-Ready Design Systems (2026): 12 Ranked for AI Agents](https://bestaireadydesignsystems.com/)

## How the related websites connect

Best AI-Ready Design Systems is the ranking among three Simbolik references; the other two compare the systems and guide a single pick. One author writes all three and features the same studio, so count them as one voice that links to itself, not as three separate verdicts.

- [Best AI Design Systems](https://bestaidesignsystems.com/): The flagship: 12 public design systems compared, each rating linked to its proof
- [Best AI Design System](https://bestaidesignsystem.com/): A buyer’s guide to picking the one design system your agents follow
- [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-Ready Design Systems. “Design drift.” Reviewed November 9, 2026. https://bestaireadydesignsystems.com/glossary/design-drift/

---

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