Arce Design

Arce Design官网

Arce Design（Arco Design，字节跳动企业级设计系统）是字节跳动开源的企业级产品完整设计与开发解决方案，为设计师与工程师提供一致的协作语言。它同时提供 React 与 Vue 两套 Web 组件库，并覆盖移动端 React 方案，配套 Figma 与 Sketch 设计资源、中后台最佳实践模板 ArcoPro，以及 DesignLab 风格配置、IconBox 图标平台、MaterialMarket 物料市场等生态工具，接入项目超过 4000 个，组件库总下载量达数百万级。整个体系免费开源，设计师和开发者打开Arce Design官网即可获取全部资源。如果你在选型企业级组件库，可以将它与站内收录的Radix UI、MaterialUI对比参考，也可以搭配MasterGo 莫高设计等协作工具完善设计交付流程。

Arce Design的主要功能

1. 双框架组件库：同时提供 React 与 Vue 版本的 Web 组件库，另有移动端 React 方案，覆盖主流前端技术栈；
2. 完善设计资源：官方提供 Figma Web/Mobile 组件库、Sketch 组件库与即时设计组件库，设计师可直接拖拽使用；
3. DesignLab 风格配置平台：基于 Design Token 的千人千面风格配置，在线调整主题色、圆角、字重即可生成个性化主题包；
4. IconBox 图标平台：统一管理官方图标库，方便团队检索、编辑和导出图标资源；
5. ArcoPro 最佳实践：提供中后台项目模板与 Arco CLI 脚手架，新项目可直接基于成熟架构启动；
6. MaterialMarket 物料市场：沉淀可复用的业务物料，团队可持续积累自己的组件资产。

如何使用Arce Design

1. 打开 Arco Design 官网，根据角色选择入口：设计师查看设计原则、样式指南与组件用法，工程师查看开发文档；
2. 设计师在 Figma 或 Sketch 中安装官方组件库资源，按设计规范开展界面设计；
3. 开发者通过 npm 安装对应框架的组件包（如 @arco-design/web-react），或使用 Arco CLI 创建脚手架项目；
4. 参照组件文档的 API 与示例在项目中引入和使用组件；
5. 通过 DesignLab 配置主题色与设计变量，生成主题包应用到产品中；
6. 复杂中后台项目可直接复用 ArcoPro 最佳实践模板，二次开发后快速上线。

Arce Design的使用场景

1. 企业级中后台系统：表格、表单、布局等组件开箱即用，配合 ArcoPro 模板可快速搭建管理平台；
2. 设计与开发协作：设计资源与代码组件一一对应，设计稿到实现的还原度更高，减少反复沟通；
3. 多品牌主题定制：借助 DesignLab 与 Design Token，为不同产品线批量生成统一的个性化主题；
4. 团队设计系统建设：以 Arco 为底座，结合物料市场沉淀团队自己的设计系统与组件资产。

Arce Design的产品价格与版本

Arco Design 是字节跳动开源的免费设计系统，代码托管于 GitHub，采用开源协议发布，个人与商业项目均可免费使用。官网持续迭代 React、Vue 与 Mobile React 等多条版本线，DesignLab、IconBox 等平台工具同样免费开放，无付费门槛。

Arce Design的常见问题解答

Arco Design 支持 Vue 吗？

支持。Arco Design 同时提供 React 与 Vue 两套 Web 组件库，并有移动端 React 方案，两套版本均由官方维护，文档与示例齐全。

Arco Design 是免费的吗？

是免费的。它由字节跳动开源，组件库、设计资源与 DesignLab 等生态平台均可免费使用，也允许在商业项目中使用。

如何快速定制自己的主题风格？

可使用官网的 DesignLab 风格配置平台，在线调整主题色、圆角、字重与尺寸等 Design Token 变量，生成主题包后应用到项目中，无需手写大量样式代码。

Arce Design官网网址

Arce Design官网入口网址：https://arco.design/

OpenI AI时代点评

Arco Design 是国产企业级设计系统中完成度最高的方案之一：设计侧与工程侧资源同样齐备，DesignLab、IconBox、物料市场构成的生态让它不只是组件库，而是一整套可落地的设计系统方；双框架支持也让不同技术栈的团队都能平滑接入，用户反馈中文档清晰、问题响应快是普遍印象。相对的短板在于：相比 Ant Design 等老牌方案，社区规模与第三方教程略少，遇到边缘问题更依赖官方渠道；React 与 Vue 两套库的组件成熟度也存在细微差异。它适合中大型团队的中后台产品、需要统一设计语言的多产品线公司，以及希望建设自有设计系统的团队，搭配官方图标库或 Lucide 等图标资源可获得更完整的界面方案。