Arco Design：字节开源企业级设计系统，含 Vue 与 React

Arco Design 是字节跳动开源的企业级设计系统，同时提供 React 与 Vue 两个版本。设计规范专业、风格简约现代，还配套了图标、色彩、主题定制平台等完整工具链。

它解决什么问题

企业级产品要求设计规范统一、组件质量稳，个人或小厂维护的库在持续性上让人有顾虑。

多端产品如果各端各用一套组件，视觉与交互难以对齐，维护成本翻倍。

核心能力

字节系与双版本

Arco Design 同时提供 React 与 Vue 版本，规范完全一致，跨框架团队能保持视觉与交互统一；配套的设计资源与主题平台也降低了落地门槛。

它的文档以中文为主，高级用法有一定学习成本，社区规模也比 Ant Design 小。适合企业级产品与字节系技术栈团队，生态热度不是它的最强项。

同类工具怎么选

谁适合用

• 企业级产品与内部系统，要专业简约的设计
• 跨框架团队，需 Vue 与 React 同一套规范
• 字节系技术栈，或偏好中文文档的团队

怎么开始

1. 执行 npm install @arco-design/web-vue 安装 Vue 版。
2. 在 main.ts 里 import ArcoVue 并 app.use(ArcoVue) 注册。
3. 按需引入用 unplugin-vue-components 的 ArcoResolver。
4. 主题与暗色用 ConfigProvider，或官方主题平台导出变量。
5. 同时有 React 版 @arco-design/web-react，跨框架一致。

常见问题

有 React 版吗？
有，同时提供 @arco-design/web-react，规范与 Vue 版一致。

文档是中文吗？
以中文为主，高级用法有一定学习成本，英文资料相对少。

和 Ant Design 比如何？
风格更简约现代，但社区规模更小，生态热度不及 Ant Design。

收费吗？
MIT 免费开源，设计资源与主题工具都免费，无商业版限制。

授权与合规

采用 MIT 协议开源免费，可商用、可修改、可再分发；设计资源与工具免费提供，无商业版收费墙。 官网：arco.design。