做产品或运营型网站时，最怕“组件长得像但规则不一样”：按钮状态、表单校验、栅格间距、动效节奏、无障碍规范，稍微不统一就会在协作中反复返工。下面整理了 12 个资料相对完善的设计系统/组件库入口，方便在做规范对齐、组件选型或交互细节确认时快速查到权威文档。
需看协议：Google 的 Material Design 3 官方规范站，覆盖颜色/字体/布局/动效与常见组件，文档结构清晰，适合用来做通用交互与视觉基线参考。
工具地址：https://developer.apple.com/design/human-interface-guidelines/
需看协议：苹果官方 HIG，重点在平台一致性与交互细节（导航、手势、反馈、可访问性等），适合做 iOS/iPadOS/macOS 相关产品的体验校对与规范引用。
工具地址：https://fluent2.microsoft.design/
需看协议：微软 Fluent 2 设计体系，包含设计原则、视觉语言与组件用法；如果你的产品与 Windows/Office 生态有一致性诉求，这个入口能快速找到对齐点。
工具地址：https://carbondesignsystem.com/
免费商用：Carbon 提供设计与开发双侧文档（组件、模式、无障碍与代码实现），信息密度高，特别适合 B 端后台、数据密集型界面的组件与表格规范参考。
工具地址：https://ant.design/
免费商用：国内使用广泛的 UI 组件体系，文档对表单、表格、弹窗、反馈等场景覆盖充分；做中后台或需要快速搭建管理端时非常常见。
工具地址：https://spectrum.adobe.com/
需看协议：Adobe 的 Spectrum 设计系统，强调一致性、可访问性与组件行为定义；如果你在做工具类/创作类产品，这套规范的状态与层级处理很有参考价值。
工具地址：https://atlassian.design/
需看协议：Atlassian 的设计系统入口，包含组件、内容写作指南与设计令牌（tokens）等；适合做协作类/项目管理类产品时参考信息架构与组件状态。
工具地址：https://polaris.shopify.com/
需看协议：Shopify 的 Polaris 设计系统，覆盖电商管理端常见组件与模式；做商家后台、订单/商品/营销等场景时可以直接对标其信息密度与表单体验。
工具地址：https://www.lightningdesignsystem.com/
需看协议：Salesforce 生态中最常见的 SLDS，组件与图标体系完善，适合在 CRM/企业服务等重流程场景里参考表格、筛选、批量操作与反馈机制。
工具地址：https://getbootstrap.com/docs/5.3/getting-started/introduction/
免费商用：经典前端 UI 框架与组件文档，适合做响应式布局、原型验证与快速落地；即使不直接使用，也能借鉴其栅格与常用组件的命名与结构。
需看协议：基于 Tailwind CSS 的付费组件与页面模板库，适合需要“即插即用”式页面结构参考的团队；使用前建议确认授权范围与可分发限制。
工具地址：https://www.radix-ui.com/primitives
免费商用：一组偏底层的可访问组件原语（如 Dialog、Popover、Tabs 等），更强调行为与可访问性而非外观；适合做自有设计系统时参考交互与键盘操作规范。
