UIのデザインパターンの一つ。
下記サイトを参考に。
公式（英語）
https://atomicdesign.bradfrost.com/
DeNA – Atomic Design を分かったつもりになる
https://design.dena.com/design/atomic-design-%E3%82%92%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%A4%E3%82%82%E3%82%8A%E3%81%AB%E3%81%AA%E3%82%8B
結論
デザインパターンは業界標準のデザインツールに合わせた方が良い。業界標準と言えばAdobe CCになるし、WebデザインといえばXDあたり。
そんな訳で最小単位はアセットくらいにして、後はコンポーネント、ページの分けで良い。
デザイナーと会話しやすくなると思う。
ダサいデザインでいいなら、ソフトウェア開発者が好きなデザインパターンを用いれば良い。
Atomic Designの思想に則ると、原子はHTML要素とCSSを組み合わせ分だけ増えていく。こんな感じで細かく分けすぎた結果、利用したい要素が探しにくくなるだけ。
何でも共通化をしたがる謎思考が陥る典型例。
