UX Glossary Process & Methods

Atomic Design

Process & Methods

A methodology for building UI component libraries by structuring elements into five hierarchical levels: Atoms (basic building blocks like buttons and icons), Molecules (simple component groups), Organisms (complex UI sections), Templates (page-level layouts), and Pages. Developed by Brad Frost, it creates a shared vocabulary between designers and developers for building consistent, scalable systems.

Related Terms

Design System Design Token Prototype Pattern Inventory
← Browse all UX Glossary terms