Design & Accessibility
What is Design System?
A design system is the living set of components, tokens and rules that standardizes a product's UI — a single source of visual truth.
A design system gathers tokens (colors, spacing, typography), components (buttons, inputs, cards) and documented usage patterns. When a rule changes in one place (token), every use updates.
Without a design system, each screen becomes an isolated decision and the product ages in inconsistencies. With one, shipping speed grows and visual debt drops.
Use it in practice
App Studio with tokens
Frequently asked questions
Does a design system need Figma + code?
Ideally both synced (shared tokens). In early stage, code with Storybook already delivers the essentials.
When to start a design system?
When 2-3 products or 2+ designers use the same components. Before that, it is overhead without return.