现代软件开发行业中，非常提倡效率，而重复造轮子是从业者最不希望看到的局面之一。所以就有了很多优秀的程序员、开发团体发布了免费、开源的程序代码，供其它程序员使用。

在 B 端领域中，使用开源代码是非常普遍且正常的现象，尤其是在视觉界面、交互部分的开源代码，帮助开发团队节省更多的时间用于开发业务功能。

早期的开源程序代码往往都是聚焦在某个特定的功能或组件，如色彩选择器、富文本编辑、表格组件、安全验证等等，需要程序员四处查找，再花很大的力气整合到项目种去。于是就有团队为了解决这样的问题，就索性开发 “all in one” 的开源程序，整合所有常见的功能，并预设好统一的视觉样式，让其它程序员使用起来更高效、轻松。

这类开源程序通常被称为前端框架、界面系统、组件库，通常都包含非常具体的规范说明和设计文件，是我们学习 B 端设计必不可少的研究对象。

下面介绍一些主流的 B 端组件库，可以在对应链接中查看官网介绍：

1.Element

Element 是饿了么前端团队于 2016 年发布的组件库，因为内容简单、易用所以深受前端工程师喜爱，也是B端设计师入门第一个要了解的对象。

官网：https://element.eleme.cn/#/zh-CN

2. AntDesign

AntDesign 是蚂蚁金服集团于 2016 年发布的组件库，因为蚂蚁集团的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，变动和并发频繁，需要设计者与开发者能快速做出响应。同时这类产品中存在很多类似的页面以及组件，所以它们希望开发一些稳定且高复用性的内容，于是就有了 AntDesin。

AntDesign 功能强大（对比 Element），更新频繁，是目前国内影响力最大，且应用最广泛的 B 端开源框架，也是 B 端设计师最该深入了解的对象。

官网：https://ant-design.antgroup.com/index-cn

3.TDesign

TDesign 是腾讯的团队于 2021 年发布的组件库，和 AntDesign 类似，但因为主场优势，还结合了小程序组件库，B 端设计师只要简单了解即可。

官网：https://tdesign.tencent.com/

4.Arco Design

Arco Design 是由字节跳动的团队于 2021 年发布的组件库，相对于 Ant 和 TD，提供了更多主题样式的配置功能，帮助团队可以更轻松的构建专属的视觉规范。

官网：https://arco.design/

虽然市面上还有非常多其它开源框架，但只要具体查看以上4个是最主流的即可，其余的在具体项目中接触到再做了解即可。

下面再罗列一些相对常见的前端组件库：

• Fusion：https://fusion.design/pc/?themeid=2
• iview：https://www.iviewui.com/
• Xconsole：http://xconsole.cloud/
• SemiDesign：https://semi.design/zh-CN/
• ClarityDesign：https://clarity.design/
• ZanDesign：https://design.youzan.com/
• NutUI：https://nutui.jd.com/#/