Atomic design to metodyka budowania interfejsów od najmniejszych elementów (atomów, czyli przycisków, pól i etykiet), przez ich złożenia (molekuły, organizmy), po szablony i gotowe strony.
Metafora Brada Frosta porządkuje myślenie o interfejsie jak chemia o materii: atomy (przycisk, ikona, pole tekstowe) łączą się w molekuły (pole wyszukiwania = pole + przycisk), te w organizmy (nagłówek strony), a organizmy wypełniają szablony i strony.
Praktyczna korzyść: zmiana atomu propaguje się wszędzie, gdzie jest użyty: poprawiasz przycisk raz, nie na czterdziestu ekranach. To także wspólny język zespołu: „to powinno być molekułą" mówi więcej niż godzina dyskusji.
Atomic design naturalnie prowadzi do design systemu i odwrotnie, bo większość design systemów jest zorganizowana w duchu tej metodyki.