Was ist Design system? Definition & Kontext

A design system is the shared set of reusable components, design tokens (color, spacing, typography), and usage rules a product uses to keep its UI consistent across pages, teams, and time. Modern systems pair a Figma library with a code library so designers and engineers work from the same primitives.

For AI-generated UI, design systems matter twice: first as the source of truth the prompt should reference ("use our spacing tokens, not arbitrary values"), and second as the fallback the agent reaches for when output should match the rest of the product. Tools like shadcn/ui have made the "tokens + headless components" pattern a default for AI-friendly codebases.

Without a design system, AI output drifts. With one, prompts can stay short — the system enforces the consistency.