Atomic Designを使うメリット

前述したものと一部被りますが、Atomic Designを使うことで下記のようなメリットを享受することができます。

1. コンポーネントに名前がついている

Atoms・Molecules・Organisms・Templates・Pagesそれぞれのレイヤーに名前がついており、粒度が定められていることで、開発時におけるコミュニケーションが取りやすくなります。

2. デザインの変更に強い

Atomic Designの考え方でコンポーネントを作成することで、デザイン変更に対応しやすくなり、再利用性も高まります。
特にAtomsやMoleculesなどの粒度の細かいコンポーネントはデザイン変更にも強くなります。

3. デザインルールが徹底できる

Atomic Designでデザインルールを作ると、デザイナーとエンジニアの共通言語が出来上がるので、デザイナーあるいはエンジニアによる一人プレーを防止することができます。
チームメンバーのパワーバランスが平坦になり、あるメンバーにだけ依存するというような状況が大幅に減ります。

まとめ

WebデザインやUIデザインの中にはエディトリアルやグラフィックデザインから生まれたものも多くありますが、Atomic Designはマークアップやコーディング、システムデザインの視点から産まれた手法で、エンジニアにとっても親しみやすい手法です。

昨今、デザイナーもエンジニア視点を持ったほうがいいと言われますが、Atomic Designを習得することはデザイナーがエンジニア視点を持つ一助にもなります。
コンポーネントベースのWeb制作手法を取り入れたいときには、ぜひAtomic Designに挑戦してみてください。