Japanese design systems directory
日本のデザインシステムを
探し、比較し、学ぶ。
日本の企業・組織が一般公開するデザインシステムを集めました。設計ガイド、Figma、Storybook、実装コードへの入口を一か所から探せます。
Browse by purpose
目的から探す
Catalog
デザインシステム一覧
17件
該当するデザインシステムがありません
検索語を短くするか、公開リソースの条件を解除してください。
-
ロゴ画像なし 東京科学大学
Science Tokyoデザインシステム
東京科学大学が、社会との共創と一貫したブランド体験の基盤として公開するデザインシステムです。ブランド、アプリケーション、Webサイトの設計方針、アクセシビリティ、UIコンポーネント、各種文書をまとめています。
Web
- Guideline
- Docs
- ロゴ画像なし
sansan
One Design System
SansanがFigma Communityで公開しているデザインシステムのUI資産です。プロダクトデザインで再利用できる基礎スタイルやコンポーネントをFigmaファイルとして参照でき、設計時の共通資産として利用できます。
Web
- Figma
-
三菱電機
Serendie
三菱電機が多様な事業と人々をつなぐために公開するデザインシステムです。基礎要素、UIコンポーネント、デザイントークン、アイコン、Figma、Storybook、Reactライブラリをオープンソースで提供しています。
Web
- Guideline
- Storybook
- Figma
- Docs
- ロゴ画像なし
アフラック
アフラックデザインシステム
アフラックが一貫したブランド体験とUI/UXを提供するために整備したデザインシステムです。デジタルプロダクト向けのUI/UXガイドラインとUIライブラリで構成され、Figma Communityで資産を公開しています。
Web
- Guideline
- Figma
-
カオナビ
sugao
カオナビのプロダクトとブランドで一貫した体験をつくるためのデザインシステムです。ブランドの考え方やビジュアル要素をまとめた公開サイトと、プロダクト設計で使えるFigmaのUI資産を提供しています。
Web
- Guideline
- Figma
- ロゴ画像なし
PayPay
PayPay for Developers
PayPayが提供するプロダクトを一貫したルールで設計するための公開スタイルガイドです。デザイン哲学、色、アイコン、レイアウトなどのGlobal Ruleと、アプリ画面を構成するUIコンポーネントの指針を掲載しています。
iOS / Android
- Guideline
- ロゴ画像なし
GMOペパボ
Inhouse
GMOペパボの複数ブランドで利用する共通基盤デザインシステムです。ブランドごとに置き換えられるデザイントークンをFlavorとして整理し、共通の機能パターンを構築するWeb Componentsのライブラリを公開しています。
Web
- Guideline
- Repository
- ロゴ画像なし
SPEEDA
FALCON
SPEEDAのプロダクト開発で利用されるデザインシステムです。Figma Communityでデザイン原則やUIコンポーネントを公開し、Web ComponentsのStorybookで実装資産も提供しています。
Web
- Storybook
- Figma
-
LINE
LINE Design System
LINEのプロダクトやコミュニケーションで一貫したブランド体験をつくるためのデザインシステムです。ブランド、色、タイポグラフィ、アイコン、UIパターンなどのガイドとFigmaリソースを公開しています。
Cross-platform
- Guideline
- Figma
-
Ameba
Spindle
Amebaらしさを一貫して届けるため、ブランド、デザイン原則、アクセシビリティ、パフォーマンス、スタイル、UIコンポーネントをまとめたデザインシステムです。React向け実装やアイコン、デザイントークンも公開しています。
Web
- Guideline
- Storybook
- Figma
- Repository
- ロゴ画像なし
デジタル庁
デジタル庁 デザインシステム
行政機関や公共性の高い組織のウェブサイト、ウェブアプリ、オンラインサービスでの利用を想定したデザインシステムです。デザイン言語、UIコンポーネント、アクセシビリティを含む設計・実装ガイドを公開しています。
Web
- Guideline
- Figma
- Docs
- ロゴ画像なし
freee
vibes
freeeのプロダクトで利用されているデザインシステムです。業務画面で使うUIコンポーネントをReactとCSSで提供し、公開Storybookで仕様と状態を確認できます。リポジトリはApache License 2.0で公開されています。
Web
- Guideline
- Storybook
- Repository
-
ラクスル
Kamii
ラクスルのプロダクト開発で使われるデザインシステムです。デザイン原則や基礎要素、UIコンポーネントをまとめ、Figmaをデザイントークンの信頼できる情報源として運用しながら、実装との連携を進めています。
Web
- Guideline
-
Pixiv
Charcoal
pixivが公開するデザインシステムとUIライブラリです。基礎スタイル、アイコン、Reactコンポーネント、テーマやTailwind CSS向け設定などをモノレポで提供し、StorybookとFigmaから仕様や実例を参照できます。
Web
- Guideline
- Storybook
- Figma
- Repository
-
Smart HR
SmartHR Design System
SmartHRに関わる人が、誰でも効率よく迷わずに一貫した体験をつくるためのデザインシステムです。基本原則、ブランド要素、アクセシビリティ、プロダクト設計、コミュニケーションのガイドと実装資産を公開しています。
Web
- Guideline
- Storybook
- Figma
- Repository
-
Ubie
Ubie Vitals
Ubieのデジタルプロダクトで一貫した体験を届けるため、原則、アクセシビリティ、トークン、レイアウト、UIコンポーネントをまとめたデザインシステムです。React向けライブラリと運用サイトもオープンソースで公開しています。
Web
- Guideline
- Figma
- Repository
- Docs
-
一休
IKYU Design Guideline
一休とYahoo!トラベルのサービス開発で利用されるデザインガイドラインです。ブランドをまたいで共通化する設計思想を背景に、色、文字、アイコン、UIパターンなど、プロダクト画面を組み立てるための基準を公開しています。
Web
- Guideline
Recently added
新着デザインシステム
Reading
新着記事
掲載されていない事例をご存じですか？