# What is Design Token?

A named value for a visual property, like `color.primary` or `spacing.md`. Tokens connect your design file and codebase so they stay in sync.

## In real work

Use design tokens for all colors and spacing. Reference color.surface.background and spacing.md. No hardcoded values.

## Related terms

- [Component](https://prompthausapp.com/learn/component.md)
- [Instance](https://prompthausapp.com/learn/instance.md)
- [Variants](https://prompthausapp.com/learn/variants.md)
- [Auto Layout](https://prompthausapp.com/learn/auto-layout.md)
- [Variables](https://prompthausapp.com/learn/variables.md)

## How is this different from Googling it?

Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews—then quizzes you until the word sticks. One term a day on iPhone.

- Category: Design
- HTML: https://prompthausapp.com/learn/design-token
- App Store: https://apps.apple.com/us/app/prompthaus-ai-vocabulary/id6776314407