コンテンツにスキップ

言語の選択

現在の言語: 日本語

Design Systems

Source: https://github.com/alexpate/awesome-design-systems at 4129da3ce4bc
License: Unlicense
Read the English original

This edition is an AI-assisted translation.

カバー

コントリビューション歓迎

以下に掲載されていないリソースをご存じですか?ぜひ新しい プルリクエストを作成してください。

デザインシステムとは、原則やベストプラクティスに関するドキュメントをまとめたもので、チームがデジタル製品を構築する際の指針となります。多くの場合、UIライブラリやパターンライブラリとして具現化されますが、「言葉遣いとトーン」など他の分野のガイドを含むこともあります。


  • コンポーネント:コード化されたパターンと例を含みます。
  • 言葉遣いとトーン:言葉の使い方に関するガイダンスを提供します。
  • デザイナー向けキット:デザイナー向けの Sketch/Photoshop/Figma/etc. ファイルが含まれています。
  • ソースコード:公開されているソースコード

コンポーネント言葉遣いとトーンデザイナー向けキットソースコード *
Aalto University👍👍👍
Adobe Spectrum👍👍👍:octocat:
Adjust Atlas👍👍👍
Alaska Airlines👍👍👍:octocat:
Alibaba Ant Design👍👍👍:octocat:
Amplify UI👍👍👍:octocat:
Appear Here Styleguide👍:octocat:
Apple Developer Design Guidelines👍
Aragon UI👍:octocat:
Artsy Palette👍:octocat:
Astro UXDS👍👍:octocat:
AT UIKIT👍:octocat:
Atlassian Design System👍👍👍:space_invader:
Audi UI Kit👍👍:octocat:
Aurora (Government of Canada)👍👍👍:octocat:
AutoGuru Overdrive👍:octocat:
AWS Cloudscape Design System👍👍👍:octocat:
Backpack (Skyscanner)👍👍👍:octocat:
Basis Design System👍:octocat:
BBC GEL (Global Experience Language)👍👍👍
Bento DS👍👍:octocat:
BLiP👍:octocat:
Blueprint👍👍:octocat:
Bold (Bridge Design System)👍👍:octocat:
Bolt Design System👍:octocat:
Braid Design System👍:octocat:
British Gas Nucleus👍👍
Buildit Gravity👍:octocat:
Bumbag UI👍:octocat:
BuzzFeed Solid👍👍:octocat:
Buzzvil Design System👍👍
CA Technologies Mineral UI👍:octocat:
CBRE Blocks👍👍
Cedar👍👍:octocat:
Chakra UI👍:octocat:
City of Boston Fleet👍👍:octocat:
Cloudflare👍:octocat:
Co-op Experience Library👍👍👍:octocat:
Contentful Forma 36👍👍👍:octocat:
Decathlon Design System - Vitamin👍👍:octocat:
Decentraland UI👍:octocat:
Duet👍👍
Duolingo👍
eBay Skin👍:octocat:
Elastic UI Framework👍👍👍:octocat:
ENGIE Fluid Design System👍👍
Enel👍
Enigma Boundless👍:octocat:
Estonia Country Design Guidelines👍👍👍
Evergreen👍:octocat:
Financial Times Origami👍:octocat:
Finland Toolbox👍👍
Firefox Photon Design System👍👍👍:octocat:
Flowbite Design System👍👍:octocat:
Fluent UI👍👍👍:octocat:
Foundation👍👍👍:octocat:
Foyer Design System👍👍:closed_lock_with_key:
French Government Design System👍👍👍:octocat:
FutureLearn Pattern Library👍
GitHub Primer👍👍:octocat:
GitLab Design System - Pajamas👍👍👍:fox_face:
GoodBarber Design System👍
Google Material Design👍👍👍:octocat:
GOV.UK Design System👍:octocat:
Gympass Yoga👍👍:octocat:
HashiCorp Helios👍👍👍:octocat:
Help Scout👍👍:octocat:
Heroku Purple3👍
Hewlett Packard grommet👍:octocat:
HubSpot Canvas👍👍:octocat:
Hudl Design System👍👍
IBM Carbon👍👍👍:octocat:
IBM Design Language👍👍
IBM Northstar👍👍
Intuit Harmony👍👍👍
Italia Design System👍👍👍:octocat:
JB Design System👍👍:octocat:
JetBrains Ring UI👍:octocat:
Jobber (🔱 Atlantis)👍:octocat:
Just Eat Takeaway.com PIE Design System👍👍:octocat:
Kaizen👍👍:octocat:
KoliBri (Public-UI)👍:octocat:
Kontur👍👍:octocat:
Korea Design System👍👍👍:octocat:
Lexicon👍👍
Louder Than Ten Manual👍👍
Mail.ru Group Paradigm👍👍👍
Mailchimp Content Styleguide👍
Mantine👍:octocat:
Marvel Styleguide👍
Material Minimal👍👍👍:octocat:
Materialize CSS👍👍:octocat:
Mesh Design System👍👍
Microsoft Fluent👍👍:octocat:
Mixpanel Design System👍👍
MongoDB Design System👍👍:octocat:
Monzo Tone of Voice👍
Morningstar Design System👍👍👍
Mozilla Protocol👍:octocat:
NASA Web Design System👍:octocat:
NationBuilder Radius👍
NHS.UK Service Manual👍👍
Nordhealth👍👍
New York State Design System👍👍:octocat:
Nordnet👍👍
Okta Odyssey Design System👍👍:octocat:
Ontario Design System👍👍:globe_with_meridians:
Oracle Redwood👍👍
Persona Design System👍👍:octocat:
Pharos: JSTOR’s Design System👍👍:octocat:
Pinterest Gestalt👍:octocat:
Pivotal👍:octocat:
Pluralsight Design System👍:octocat:
Porsche Design System👍👍:octocat:
Priceline Design System👍👍:octocat:
Pusher Chameleon👍:octocat:
Radix👍:octocat:
Rambler👍:octocat:
Rendition👍:octocat:
Reshaped👍👍
Salesforce Lightning Design System👍👍👍:octocat:
Sage by Kajabi👍:octocat:
SAP Fiori👍
SAP Fundamental👍:octocat:
SAP OpenUI👍:octocat:
Scania Digital Design System👍👍:octocat:
Seeds👍👍👍
SEEK Style Guide👍:octocat:
Semi Design👍👍:octocat:
Semrush Intergalactic Design System👍👍:octocat:
Shoelace👍👍:octocat:
Shopify Polaris👍👍👍:octocat:
Shadcn/ui👍:octocat:
Siemens iX👍👍👍:octocat:
Singapore Government Design System👍👍👍:octocat:
Stacks – Stack Overflow👍👍:octocat:
Starbucks Style Guide👍👍
Strapi Design System👍:octocat:
Teambition Clarity Design👍
Telefónica Mística👍👍:octocat:
Thumbprint👍:octocat:
Tizen CircularUI👍👍:octocat:
Twilio Paste👍👍👍:octocat:
Uber’s Base Web👍:octocat:
Ubuntu Vanilla framework👍👍👍:octocat:
Uiverse👍👍👍:octocat:
Untitled UI👍👍:octocat:
uSwitch style guide👍👍:octocat:
U.S. Web Design Standards👍👍👍:octocat:
U.S. CMS.gov Design System👍
Vibe👍👍:octocat:
Vimeo Design System👍:octocat:
VMware Clarity Design System👍👍👍:octocat:
VTEX Styleguide👍👍:octocat:
Vue Design System👍:octocat:
Ray by WeWork👍:octocat:
Welcome UI👍:octocat:
West Midlands Network Design System👍👍:octocat:
Wix Style React👍
Vercel👍
Workday Canvas👍👍:octocat:
Yelp Styleguide👍👍
Zendesk Garden👍:octocat:

*オープンソースとして記載されているプロジェクトでも、常に自由に利用できるとは限りません。利用前に必ず各プロジェクトのライセンスを確認してください。

「デザインシステム」「UIライブラリ」「パターンライブラリ」はそれぞれ異なるものですが、しばしば同じ意味で使われます。このリストには3種類すべてが含まれています。

カバーアイコン:「Solar System」作、Andrejs Kirma(Noun Project)

HagiCode

HagiCode はエージェント型コーディングワークスペースです。豊富で便利な UI インタラクションにより、計画・エージェント実行・プロジェクト作業を始めやすく、進めやすくし、開発をより魅力的な体験にします。

豊富で便利な UI インタラクションで、計画からプロジェクト作業までを分かりやすく進められます。

HagiCode を見るドキュメントを読む
  • スマートOpenSpec ワークフローが意図を、提案・設計・タスクから変更のリリースまで実行可能な道筋にします。
  • 効率的マルチエージェント実行で調査・実装・レビューを並行して進め、複数リポジトリや使い慣れた Agent CLI にも対応します。
  • 興味深い豊富で便利な UI インタラクションにより、計画・エージェント実行・プロジェクト作業を始めやすく、進めやすくします。

Windows 版をダウンロード

Microsoft Store で入手すべてのダウンロード

アイデアを、出荷できるソフトウェアへ。

HagiCode はエージェント型コーディングワークスペースです。OpenSpec ワークフローで変更を計画し、マルチエージェント実行で進め、Hero Scenario で長い作業の進み具合を見える化して、アイデアを出荷できるソフトウェアにします。

スマート
OpenSpec ワークフローが、意図を提案からリリースまでの実行可能な道筋にします。
効率的
マルチエージェント実行で、調査・実装・レビューを並行して進めます。
楽しい
使いやすい UI で、計画・Agent 実行・プロジェクト作業を進めやすくします。

Awesome Site を離れますか?

外部のウェブサイトに移動しようとしています。そのサイトのコンテンツやプライバシーの取り扱いは管理していません。

移動先

ウェブサイトに進む