Définition
L'Atomic Design est une méthode, proposée par Brad Frost en 2013, pour construire un design system en partant des plus petits éléments. Les atomes (un bouton, un champ, une étiquette) se combinent en molécules (un champ de recherche avec son bouton), puis en organismes (un en-tête complet), en gabarits et enfin en pages. L'analogie chimique rappelle que toute interface, aussi complexe soit-elle, se décompose en briques réutilisables.
Dans la pratique
La méthode donne un vocabulaire commun aux designers et aux développeurs, ce qui facilite la mise en place d'une bibliothèque de composants partagée. Un designer qui la pratique livre des maquettes déjà découpées en composants, directement exploitables par l'équipe frontend. Le piège : appliquer la hiérarchie de façon dogmatique et passer plus de temps à classer les briques qu'à concevoir le produit.
Termes liés
Définition rédigée par L'équipe Top Profil. Glossaire mis à jour le . Tous les termes du glossaire.