Atomic Design の課題 デザインシステムを作っていく際、Atomic Design は非常に参考になる考え方です。Atomic Design は以下の 5 つの要素によって構成されていて、Pages へ近づくほど、より複雑で大きなものになります。 Atom : UI を構成する最小かつ基礎要素。ラベルやボタンなどが含まれる。 Molecules : 2 つ以上の Atom によって構成された小さなグループ。ラベル、インプット、ボタンで構成された検索フィールドはその一例。 Organisms : 2 つ以上の Molecules もしくは Atoms によって構成されており、画面上で独自の枠組みになっていることが多い。 Templates : コンテンツ構造が分かる大きな枠組みで、利用文脈によって分類できるレイアウトになっている。 Pages : テンプレートが実際どのように扱わ
![デザインしやすい部品の分け方を考える](https://cdn-ak-scissors.b.st-hatena.com/image/square/0de3ffe6a920bf796ddefc9a96d4379e47b01e48/height=288;version=1;width=512/https%3A%2F%2Fyasuhisa.com%2Fcontent%2Fimages%2Fsize%2Fw1200%2F2021%2F01%2Fcover.jpg)