🎨

デザインシステム・ガイドライン集 2026

に公開
デザイン
UI
デザインシステム
idea

個人用メモ。

提供している会社の知名度が高いものはだいたい全部入っていると思います。
逆にデザインシステムが有名でも会社自体の知名度が日本で低いものは入れてないです。

デンソーとか Francfranc とか、IT 企業でないものは入れるか迷い中。

プラットフォーム系

Apple ヒューマンインターフェイスガイドライン

https://developer.apple.com/jp/design/human-interface-guidelines/

[英語] Google Material Design

https://m3.material.io/

[英語] Microsoft Fluent Design System

https://fluent2.microsoft.design/

政府系

デジタル庁デザインシステムβ版

https://design.digital.go.jp/dads/

[英語] GOV.UK Design System

https://design-system.service.gov.uk/

[英語] USWDS: The United States Web Design System

https://designsystem.digital.gov/

企業・組織系デザインシステム

SmartHR Design System

https://smarthr.design/

Ameba Spindle

https://spindle.ameba.design/

Pepabo Design

https://design.pepabo.com/

Ubie Vitals

https://vitals.ubie.life/

Goodpatch Sparkle

https://sparkle-design.goodpatch.com/sparkle-design

三菱電機 Serendie Design System

https://serendie.design/

Raksul kamii

https://designsystem.raksul.com/

[英語] LINE Design System

https://designsystem.line.me/

[英語] Vercel Geist Design System

https://vercel.com/geist/introduction

[英語] IBM Carbon

https://carbondesignsystem.com/

[英語] Atlassian Design System

https://atlassian.design/

[英語] GitHub Primer

https://primer.style/

[英語] GitLab Pajamas

https://design.gitlab.com/

[英語] AWS Cloudscape

https://cloudscape.design/

[英語] Adobe Spectrum

https://spectrum.adobe.com/

[英語] Pinterest Gestalt

https://gestalt.pinterest.systems/

[英語] Salesforce Lightning Design System

https://www.lightningdesignsystem.com/

[英語] Washington Post Design System

https://build.washingtonpost.com/

[英語] Uber Base

https://base.uber.com/

[英語] Airbnb Lunar

https://lunar.airbnb.design/

[英語] Elastic UI

https://eui.elastic.co/

[英語] Zendesk Garden

https://garden.zendesk.com/

[英語] Dell Design System

https://www.delldesignsystem.com/

[英語] Cisco Momentum

https://momentum.design/en/

[英語] DRUIDS by Datadog

https://druids.datadoghq.com/

[英語] Twilio Paste

https://paste.twilio.design/

[英語] Wise Design

https://wise.design/

[英語] Mozilla Protocol

https://protocol.mozilla.org/

コンポーネント / Storybook / Figma

pixiv Charcoal

https://pixiv.github.io/charcoal/

freee vibes

https://vibes.freee.co.jp/

Sansan One Design System

https://ui.one-design-system.sansan.com/

カオナビデザインシステム - sugao

https://www.figma.com/ja-jp/community/file/1388050089826010129/sugao

Wantedly UI Components

https://www.figma.com/community/file/994992887565225147

Cookpad Apron

https://www.figma.com/community/file/847372282968994272

SPEEDA DesignSystem "FALCON"

https://www.figma.com/community/file/1047401907024695662

mikan Design System

https://www.figma.com/design/MJiAJCvX3hExiBwRHKWhQT

Qiita VI

https://www.figma.com/design/W690Q8JPidUJdlvDfEabct

[英語] Shopify Polaris web components

https://shopify.dev/docs/api/app-home/polaris-web-components

[英語] Canonical Vanilla

https://vanillaframework.io/

[英語] Ant Design (Alibaba)

https://ant.design/

[中国語・英語] ByteDance Semi Design

https://semi.design/

ガイドライン

ソシオメディア ヒューマンインターフェース ガイドライン

https://www.sociomedia.co.jp/category/shig

IKYU Design Guideline

https://www.ikyu.co.jp/design_guideline

PayPay App Style Guide

https://app-style-guide.paypay.ne.jp/app-styleguide

hail2u スタイル・ガイド

https://hail2u.net/style-guide/

[英語] BBC GEL | Guidelines

https://www.bbc.co.uk/gel/guidelines

[英語] Duolingo Brand Guidelines

https://design.duolingo.com/

公開終了（？）

INGRED UI

https://github.com/voyagegroup/ingred-ui

Discussion