跳转到内容

选择语言

当前语言: 简体中文

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 库”和“模式库”是不同的概念,但它们经常被混用。本列表包含这三类内容。

封面图标:“Solar System”,作者 Andrejs Kirma(来自 Noun Project)

HagiCode

HagiCode 是面向项目开发的 AI 编码工作台:丰富、便捷的界面交互让规划、Agent 执行与项目工作更容易上手和跟进,带来更投入的开发体验。

丰富、便捷的界面交互,让规划、Agent 执行与项目工作更容易上手和跟进。

访问 HagiCode阅读文档
  • 智能OpenSpec 工作流把意图转化为从提案、设计、任务到交付的可执行路径。
  • 高效多 Agent 并行推进调研、实现与审阅,并支持多仓库变更和你熟悉的 Agent CLI。
  • 有趣丰富、便捷的界面交互让规划、Agent 执行与项目工作更容易上手和跟进,带来更投入的开发体验。

下载 Windows 版

从 Microsoft Store 获取全部下载

让想法变成真正交付的软件。

HagiCode 是面向项目开发的 AI 编码工作台:用 OpenSpec 工作流规划变更,多 Agent 并行执行,再由 Hero Scenario 让进度一目了然,把想法变成真正交付的软件。

智能
OpenSpec 工作流把意图变成从提案到交付的可执行路径。
高效
多 Agent 并行推进调研、实现与审阅。
有趣
丰富、便捷的界面交互,让规划、Agent 执行和项目工作更容易跟进。

离开 Awesome Site?

你即将访问外部网站。我们无法控制其内容或隐私惯例。

目标地址

继续访问网站