Atomic Design system chart

I recently wrote about "How to maintain product UX consistency? - Create a design system with atomic methodology and Sketch tool." This is the overview for Atomic Design System: it contains five distinct levels as shown here: Atoms, Molecules, Organisms, Templates, and Pages.

Read more about the methodology, use cases and practicle tips with Sketch plugins on my blog: https://medium.com/hunting-ux-design-truffles/how-to-maintain-product-ux-consistency-71f58df0a91f

Please feel free to share your feedback. Would love to hear any suggestion.

More by Hannah Chen

View profile