ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。官网地址在文章末尾。
ArcoDesign 拥有系统的设计规范和资源，依据此规范提供了覆盖 React、Vue、Mobile 的原子组件。基于丰富的原子组件，Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌库、Arco Pro 最佳实践的资源平台，旨在帮助设计师与开发者解放双手、提升工作效率、高质量地打造符合业务规范的中后台应用。
ArcoDesign 提供的能力
完善的基础组件
基于 ArcoDesign 设计规范，Arco 提供了 67 个基础组件，这些基础组件足以支撑绝大多数的业务需求。同时，Arco 在这些基础组件的设计上，也开放了细粒度的配置，方便后续拓展。
React 和 Vue 同步支持
基于 ArcoDesign 设计规范，Arco 同时提供了 React 和 Vue 两套 UI 组件库。Vue 组件库基于 Vue 3.0 开发，提供了面向未来开发的能力，且与 React 组件库底层能力互通，均可完美利用 Arco 生态体系的各项能力。
科学的暗黑模式
Arco 支持一键开启暗黑模式，无缝切换，流畅体验。
暗黑模式会让使用者更加专注自己的操作任务，同时避免在黑暗环境中长时间注视高亮光源导致的视觉刺激。
Arco 在底层设计上，结合了 Less 和 CSS 变量各自的优势。Less 变量负责编译时的色彩计算，基于主色计算亮 / 暗两套梯度色板，CSS 变量负责页面渲染时的最终引用，从而实现了无缝切换亮 / 暗色风格。用户既能享受 CSS 变量带来的丝滑切换体验，又能享受 Less 变量带来配置单个主色即可生成整套色板的便捷，兼顾优雅与易用。
丰富的生态产品
提供了 ArcoPro 快速构建中后台前端解决方案，DesignLab风格配置平台，丰富可定制化物料平台，一站式图标管理，色彩配置工具等
开箱即用的体验
为了帮助用户更快速地从 0 到 1 搭建项目，Arco 提供了最佳实践 Arco Pro，整理了常见的页面场景，帮助用户快速初始化项目和使用页面模板。 在中后台项目中，页面设计模式较为单一，Arco 提取了典型的业务场景，并将其抽离为页面模板，使用户通过简单的复制和修改就能快速搭建页面。
极致的个性化定制能力
从底层组件到上层平台，Arco 提供了极致的定制能力。
底层组件
底层组件上，Arco 提供了细致的样式定制和默认行为定制。
样式方面，Arco 从设计之初就通过细致的拆分，将影响组件视觉的样式都抽离为上千个独立的 token 变量，并基于这些变量完成了从全局样式到组件样式的全面配置。
默认行为方面，Arco 支持 60+ 组件默认行为的全局配置，以极大的灵活性，减小维护成本、提升开发体验。用户只需要维护一份全局配置，就能定制每一个组件的默认交互。
官方地址
