Carbon 设计系统：IBM 出品，带完整规范的企业级 React 组件库

Carbon 是 IBM 的设计系统，不只是组件库，还带完整的设计语言、无障碍规范与设计工具资源。实现上有 React、Web Components、Angular、Vue 多种版本，面向企业级、数据密集产品，强调信息密度与一致性。采用 Apache-2.0 开源。

它解决什么问题

企业要的不只是「组件能跑」，还要一套被设计规范背书、团队不各画各的语言。

跨框架（React、Angular、Vue）的项目，希望同一套设计语言落地到不同栈。

核心能力

它的边界

Carbon 的强项是「有完整设计规范背书」：设计、前端、产品都能照同一套文档做事，适合已有 IBM 技术栈或看重体系的团队。

但设计语言绑定 IBM 风格，社区规模与第三方资源不如 Ant Design、MUI。如果不需要这套规范约束，吸引力会下降。

同类工具怎么选

谁适合用

• 已有 IBM 技术栈、要统一设计语言的团队
• 看重「设计规范背书」而非只拿组件的企业
• 跨 React/Angular/Vue 要多框架一致落地的项目

怎么开始

1. 访问 carbondesignsystem.com，先读设计与无障碍规范。
2. 按技术栈选 React（@carbon/react）或 Web Components 等实现。
3. 引入 Carbon 主题与组件，对齐设计令牌。
4. 用 Figma 资源保持设计与代码一致。
5. 无障碍按规范自查，别只靠组件默认值。

常见问题

授权要注意什么？
Apache-2.0 允许商用与修改，保留 NOTICE 与版权声明即可，专利授权清晰。

必须全用 IBM 风格吗？
设计令牌可改色与间距，但整体语言偏 IBM，彻底换风成本高。

社区资源多吗？
不如 Ant Design、MUI 丰富，但官方规范与多框架实现较完整。

授权与合规

Carbon Design System 采用 Apache-2.0 协议开源免费，可商用、可修改再分发，需保留 NOTICE 与版权声明，专利授权清晰。 官网：carbondesignsystem.com。