设计系统和组件库的价值，不只是“好看”，更关键的是把字体、间距、色彩、交互状态、无障碍、以及组件行为统一成一套可复用的规则。下面这份清单更偏向“官方文档+可落地规范”，适合用来做项目基线、评审对齐、或作为 Figma/前端实现的参考。
需看协议：Google 官方设计系统文档，包含色彩/排版/组件与动效规范，商用前请核对品牌与许可条款。
适合做移动端与跨平台的通用规范参考，也适合用作组件命名与状态定义的模板。
工具地址：https://fluent2.microsoft.design/
需看协议：微软 Fluent 2 设计规范与组件指导，包含设计原则、布局与控件模式，使用前建议检查授权与品牌规范。
适合桌面/企业应用的组件结构与信息密度处理参考。
工具地址：https://carbondesignsystem.com/
需看协议：IBM 的完整设计系统体系，覆盖组件、内容写作、无障碍与实现指南，商用请确认许可与商标使用规则。
适合 B2B 产品的表单、表格、信息架构与可访问性落地。
工具地址：https://ant.design/
需看协议：面向中后台的成熟组件体系，文档清晰、案例多；用于商用项目前请核对开源协议与二次分发要求。
适合快速搭建管理后台的组件清单与交互状态参考。
工具地址：https://atlassian.design/
需看协议：Atlassian 的设计语言与组件规范，强调信息层级与协作场景；商用请先确认许可与品牌限制。
适合做复杂流程、权限与多角色产品的交互模式借鉴。
工具地址：https://polaris.shopify.com/
需看协议：Shopify 的设计系统，包含组件、内容规范与可用性建议；使用前建议确认授权与商标规则。
适合电商与运营类后台的表单、列表、空状态与引导流程参考。
需看协议：GitHub 官方设计系统与 UI 组件规范，包含设计基础、CSS 方案与可访问性指南；商用请核对许可条款。
适合做开发者工具、文档站、以及偏“干净克制”的界面风格对齐。
工具地址：https://spectrum.adobe.com/
需看协议：Adobe 的设计系统与组件库文档，覆盖色彩、排版、组件与无障碍；用于产品时请确认许可与品牌要求。
适合工具型产品与专业软件的组件行为、密度与快捷操作参考。
工具地址：https://www.lightningdesignsystem.com/
需看协议：Salesforce 生态的设计系统，包含大量企业场景组件与模式；商用前请核对许可与品牌规范。
适合 CRM/销售/客服等业务系统的组件组合与信息展示。
工具地址：https://experience.sap.com/fiori-design-web/
需看协议：SAP 的产品设计语言与交互模式库，强调一致性与可预测性；使用前请确认相关授权条款。
适合流程型业务系统的列表/对象页/审批等结构化页面参考。
需看协议：Elastic 的 UI 组件与样式体系，文档含组件示例与可访问性；商用前请核对协议与商标条款。
适合数据可视化与监控类产品的组件密度与筛选交互参考。
工具地址：https:// web.design/
需看协议：Uber 开源的 React 组件库与设计体系，适合二次定制；商用前请核对许可证与依赖项协议。
适合需要高定制主题与响应式组件的产品型项目。
