Back to glossary

A

Atomic Design

Atomic Design: designing modern and intuitive interfaces

Definition

Design methodology creating component systems from the smallest (atom) to the largest (page).

Usage example

Creation of a complete design system in Figma: atomic components, design tokens (colors, typography, spacing), pattern documentation.

Synonyms

Atomic designComponent methodologyAtoms to pages