はてなブックマーク

Chapter 2 Atomic Design Methodology Atoms, molecules, organisms, templates, and pages My search for a methodology to craft interface design systems led me to look for inspiration in other fields and industries. Given this amazingly complex world we’ve created, it seemed only natural that other fields would have tackled similar problems we could learn from and appropriate. As it turns out, loads of

This book is a work in progress. You can read more about the project here, sign up to the newsletter to receive project updates and resources, submit issues on Github, and track the progress of the project here.

Chapter 1 Designing Systems Create design systems, not pages A long, long time ago, there were these things called books. Remember them? These contraptions were heavy and bulky and made from the pulp of dead trees. Inside these books were things called pages. You turned them, and they cut your fingers. Awful things. I’m so glad these book things with their razor-sharp pages aren’t around anymore.

We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent UIs faster