Arco Design

Arco Design – 字节跳动出品的企业级设计系统

做中后台产品，最怕设计和开发脱节——设计师画了一套漂亮的界面，开发实现出来走了样；或者团队里每个人用的组件不一致，产品体验七零八落。Arco Design 就是来解决这个问题的。

这是字节跳动 GIP UED 团队和架构前端团队联合打造的企业级设计系统。在字节内部打磨沉淀了3年，支撑了包括今日头条、西瓜视频、火山引擎等在内的4000+企业级项目，NPM包下载量超过240万。2021年10月正式开源，面向全行业开放使用。

✨ 亮点速览

• 完整的设计系统：不仅仅是组件库，而是包含设计语言、React组件库、Vue组件库、主题工具、设计资源、图标平台等完整生态

• 双框架支持：同时提供 React 和 Vue 3 官方实现，覆盖主流前端技术栈

• 强大的定制能力：提供风格配置平台，支持主题色、字重、边框、圆角等Design Token自由配置

• 丰富生态工具：包括 DesignLab 设计平台、IconBox 图标平台、Palette 色彩配置工具、MaterialMarket 物料市场等

• MIT协议开源：完全免费，个人和公司均可自由使用

• 大厂验证：经过字节跳动内部大规模业务验证，稳定可靠

📂 怎么用？

前端开发者直接用 npm 安装组件库：npm i @arco-design/web-react 或 npm i @arco-design/web-vue。设计师可以访问官网了解设计规范，使用风格配置平台快速生成符合品牌调性的主题包。

不管你是前端开发者、UI设计师，还是产品经理，Arco Design 都能帮你高效搭建高质量的企业级产品。做中后台的，值得收藏。