old-school 90s animated gif

Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Brad Frost
Making sense of atomic design: molecules and organisms
Making sense of atomic design: molecules and organisms

In her post, Alla Kholmatova discusses how her team has determined what's a molecule and what's an organism in their atomic design system. It's a thoughtful post that discusses some of the challenges around determining whether to define a component as a molecule or organism. In atomic design, molecules are simple components, while organisms are relatively complex components. My general rule of thumb is that if you break a component down and get basic tags (such as an image, heading, paragraph, button, etc), it's a molecule. If you break the component down and get smaller components (social share lists, cards, media object, etc) it's an organism. *[DETAILS]: Device, Environment, Time, Activity, Individual, Location, Social *[RESS]: Responsive Design with Server-Side Components

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web