No. 022
Design Systems
Component
A component is a reusable, self-contained interface building block — a button, input, card, or menu — used across a product.
Why it matters
Components let teams build faster and stay consistent. Define a button once, and every instance behaves and looks the same.
In depth
Components encapsulate appearance and behavior, often with configurable properties and states. In tools like Figma and in code frameworks like React, the same idea applies: build once, reuse everywhere, and change centrally. They are the atoms of a design system.
Real-world example
A 'Button' component with defined variants (primary, secondary, disabled) is dropped into many screens rather than redrawn each time.
Typography
The Art of the Ligature
5 min read · Jun 2026
Related terms