国内最好的B端设计资源，都在这里了

哈喽，刀友们！

今天给大家分享一些在B端设计中常用的开源组件库，都是非常nice的设计案例参考，需要的小伙伴可以保存收藏。

01 Ant Design

图片来源：墨刀素材广场

Ant Design是蚂蚁集团基于大量的项目实践和总结，研发的服务于企业级产品的设计体系。

Ant Design提供了丰富的基础 UI 组件，以及各个组件的使用方法。

不仅有通用业务模块页面，还有各种表单、列表、导航、落地页、按钮等组件库，非常多参考模板。

除了多元化的组件库，Ant Design 的图标也尽力保持图形的简洁，表意准确直接，让用户能一目了然。

能上能下的方向性图标，可以满足多种场景需要。

数据类图标包含了射线图、饼状图等多种类型，完全满足原型设计的需求。

02 TDesign

TDesign 是腾讯内部团队联合开发者一起打造的企业级设计体系。

TDesign 汇集了腾讯众多优秀组件库能力和设计研发经验，包含桌面端、移动端、小程序等组件库源文件资源。

墨刀素材广场在前不久刚上线了29组实用性超高的TDesign桌面端组件资源，包括表格、表单、进度条、导航菜单、日历等，非常实用。

（来源：墨刀素材广场）

不仅如此，TDesign还提供了整体的设计语言，色彩、字体、动效、图标、布局、暗黑模式等组件，大家可根据自己需求进行下载。

03 Element

Element 是一套由饿了么团队为开发者、设计师和产品经理精心设计的 Web 组件。

使用这些组件，能帮助产品经理更加快速搭建原型，提升效率，体现交互细节。

并且，使用前端框架封装的代码还能帮助工程师们快速开发。

墨刀素材广场已经上线了Element的全系组件，包括表单类、提示类、导航类、基础类、数据类、输入框类等等。

共 380 多个组件，满足了后台原型设计中所有需求。

表单类：

输入框：

导航类：

04 Semi Design

Semi Design是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。

Semi Design 包含了设计语言、React 组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的 React 应用。

Semi Design开源不久被发现有Ant Design 的痕迹，Semi Design团队也承认早期使用了 Ant Design 的文案没有注明出处。

总体来看，Semi Design 已持续稳定维护了两年多，它高质量组件和强大的主题定制特性也获得一众用户的青睐。

墨刀素材广场上线了Semi Design 10个组件库，包括日期、评分、按钮、选择、输入方式，还有1组图标库，扩充了原型设计的素材选择。

图片来源：墨刀素材广场

05 Arco Design

ArcoDesign是字节跳动旗下企业级产品设计系统。

提供了sketch、figma、Axure等组件源文件，还提供了仪表盘、表单、列表、结果页 、个人中心、数据可视化、异常页等样式在线查看。

墨刀素材广场可以直接下载ArcoDesign的方向性图标库，更多资源敬请期待后续上线。

以上是今天的优秀素材案例，后面会继续上线更多素材资源、案例模版，也欢迎留言告诉我你们的需求哦~

如何快速复用原型

1.在素材广场中搜索到想要的素材，点击使用。

2.保存到个人空间中，点击打开素材，即可复用。