「デザインシステムのジレンマ：見た目は似ているが、機能が違う」という翻訳記事を読んだ
私はデザインされたものを実装する前に、めちゃめちゃ見た目が似ているけど、以前実装したコンポーネントとどう違うのかわからず質問することがよくある
結果、すでに作られていたのを知らなかったこともあれば、意図的に違うものだというのものあった
すでに作られているのを知らなかったというのは、質問していなければ実装してしまっていたので再発防止したいし、意図的に違う場合はそれが明示されてエンジニアに伝わるようにしないと無駄な議論が起こってしまうと感じていた
この記事は、同様の課題を取り上げていて、見た目の一貫性だけでなく、使い方や目的を明確に定義する必要性を述べていてめちゃめちゃ刺さった
あと記事の面白い点は、具体例を用いて説明しているところで、そうそうと思うとやつが多い
- バッジとピル/チップス
- ボタンとアクションボタン
- セレクトとドロップダウン
最後に、迷ったら以下を参考にすると良いとあった
これは以前調べたコンポーネントギャラリーで、あるコンポーネントに対して、様々なサイトがどのように命名しているかがわかって参考になる
https://uga-box.hatenablog.com/entry/2022/10/11/000000.uga-box.hatenablog.com
