Arco Design 是字节跳动出品的企业级设计系统，围绕设计规范、开发组件和生态工具，为产品设计与 Web 开发提供一套相互连接的资源。设计师可以使用全局色、文字、图标、布局指南以及 Figma、Sketch、即时设计等组件资源；工程师可以从 Web React、Web Vue 或 Mobile React 组件开始开发，并通过 Arco CLI、Webpack Plugin 和代码仓库获取开发资源。它还提供风格配置平台、图标平台、色彩配置工具、物料市场和中后台最佳实践，支持通过统一规则、设计资源与 Design Token 组织产品体验。
核心功能
设计原则与样式指南
Arco Design 提供设计原则、样式指南和组件用法等设计资源。设计原则包含 agreement（一致）、rhythm（韵律）、clear（清晰）和 open（开放）四个方向，用于说明整体设计规则。面向设计师的资源还覆盖全局色、文字、图标和布局指南，帮助设计工作围绕统一的设计体系展开。
Web 与移动端组件
官网将组件定位为更快速、更简便的 Web 开发资源，并提供 Web React、Web Vue 和 Mobile React 三类入口。工程师可以从对应技术栈的组件文档开始使用，也可以通过 npm i @arco-design/web-react 安装 Web React 相关包。组件资源与设计规范同时存在，设计师和工程师可以分别从设计资源与开发资源进入 Arco Design。
多种设计资源
Arco Design 提供多种面向设计工作的组件和图标资源，包括 ArcoPro 中后台最佳实践、即时设计组件库、Sketch Web 组件库、官方图标库、Figma Web 组件库和 Figma Mobile 组件库。这些资源覆盖中后台设计、Web 组件、移动端组件与图标使用场景，官网同时提供设计原则、样式指南和组件用法入口。
风格配置与生态工具
工具平台包括 DesignLab、ArcoPro、Palette、IconBox 和 MaterialMarket。DesignLab 用于风格配置，Palette 用于色彩配置，IconBox 是图标平台，MaterialMarket 是物料市场，ArcoPro提供中后台最佳实践。风格配置平台可以调整主题色、字重、边框、圆角和尺寸，并展示相应的样式代码；官网客户案例中，火山引擎通过风格配置平台和 IconBox 图标平台生成适合多种业务需求的个性化主题包。
Design Token
Arco Design 使用 Design Token 存储“设计决策”，并将其作为真相的唯一来源。Token 基本上是一组 JSON 文件，其中包含描述 Token 名称和值的键值对。它们覆盖文本颜色、背景颜色、边框颜色、字体大小、间距和边框半径等类别，用于保存设计中的具体规则，让设计配置可以围绕统一的名称和值进行管理。
使用方式
官网提供 Web React、Web Vue 和 Mobile React 的组件入口，并提供组件文档、设计资源与工具平台。工程师可以使用 Web React 的 npm 安装命令，也可以从 Arco CLI 脚手架、Arco Webpack Plugin 和 GitHub 代码仓库进入开发资源。设计师可以使用 Figma、Sketch、即时设计组件库和官方图标库，并通过 DesignLab 配置风格。正文未说明是否需要注册，也未提到需要自备模型 Key 或提供独立 API。
适用人群与场景
设计师可以使用设计原则、样式指南、全局色、文字、图标和布局指南建立产品设计，并使用 Figma、Sketch 或即时设计组件库开展工作。Web 工程师可以从 React 或 Vue 组件开始 Web 开发，也可以使用 CLI 和 Webpack Plugin 等资源。移动端相关团队可以使用 Mobile React 组件与 Figma Mobile 组件库。需要统一多条产品线体验的企业，可以使用风格配置平台、IconBox 和 Design Token 管理主题、图标及颜色等设计决策。
注意事项
官网正文展示了 Web React、Web Vue 和 Mobile React 等不同入口，但没有在正文中给出价格、免费额度、注册要求或独立 API 的说明。
