かめ。ブログ

フロントエンドエンジニアが「Web」「Youtube」「3D」「お金」「お買い物情報」など、興味があることについて深堀っていくブログです。

デザインシステムの構築する際の参考になるサイト

2022年12月16日

有名で参考になりそうなデザインシステムまとめています。
個別の感想だったり、実際にデザインシステムを作るときのいろいろについては別でまとめていこうと思います。

参考になるデザインシステムサイト

デジタル庁

Ameba

使っているUIシステム

Apple

Google

使っているUIシステム

SmartHR Design System

Atlassian Design System

shopifyのpolaris

Okta Odyssey

説明参考

Twilio Paste

Ant Design

GMO Pepabo Design inhouse

Gif Lab

GitHub

Adobe Spectrum

Uber

IBM Carbon

Mailchimp

Salesforce Lightning

Web Content Accessibility Guidelines (WCAG) 2.1

いろいろなデザインシステムの参考にされているWCAG


参考


まとめ

web開発でサービスを作る上で完璧なものを作るまで行かずともある程度はこういったことを意識する必要はあると思います。
一通り作り方や、気をつけたいポイントなどは意識できるようにしておきたいですね。

関連する記事

おすすめの本

Javascriptを勉強する際に読んでおくと良いなと思った本たちです。
特にリーダブルコードは綺麗なコードを書く考え方が身に付きます。いまでもその考え方が根付いています。

{}
{}
{}

よくみられてる記事