デザインシステムは実は目新しい概念ではありません。古くはBootstrapからはじまるCSSフレームワーク、デザインの言語化からガイドラインを策定したHuman Interface Guidelines(Apple)、デザインと言語化をセットで取り扱っているMaterial Design(Google)と、馴染みのある文化です。 しかし、近年再び話題にあがることが多くなってきたので、Webをテーマにしてデザインシステムについて考えていきます。 デザインシステムとは様々な角度からデザインシステムを定義している人がいますが、Facebookのガイドラインはデザインシステムの参考になると思っています。 用途、形状、色、比率、アセットまわりの空白をバリエーションをもって定義しています。ライトモードとダークモードの使い分けについても定義されています。 つまりは、「こういうグラフィックがあり、それはど