ArcoDesign:字节跳动企业设计系统实践与思考
一、背景与起源
ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出企业级设计系统,旨在帮助设计师与开发者提升工作效率,打造符合业务规范的中后台应用。其背景源于字节跳动业务快速发展带来的技术栈多样性、二次开发与复用困难、第三方组件库生态不健全、业务场景不一致等问题。此外,设计系统普遍存在的痛点包括一致性低、效率弱、灵活性差、全局配置和二次开发难、交互体验不好、设计风格单一等。字节文化背景下,新人入职需要新人串讲,团队内部项目试水视频云获得正向反馈,最终正式成为团队项目并推广至集团内部。
二、发展与挑战
ArcoDesign 的发展经历了从内部项目试水到集团内部推广的过程,目前已覆盖 280+ 部门,100+ 部门使用。其核心竞争力在于极致的定制能力,通过样式 token 设计和风格配置平台,提供全面的 UI 配置,支持全局配置和组件级配置,并拥有丰富的主题商店和子主题功能。产品生态体系包括 Arco Design 组件、Arco Material、风格配置平台、Arco Design Pro 等,并辅以辅助开发工具链(Webpack 插件、Arco CLI 脚手架、VSCode 插件、Figma Toolbox)。品牌升级和技术升级是 ArcoDesign 从同类产品中脱颖而出的关键,通过极致的服务意识、自动化 Oncall、站在设计师的角度思考、定制化及强大生态能力、快速落地、标杆项目、口碑建设等方式实现。业务推广方面,通过与业务团队合作、快速落地、与技术平台合作、二次放大价值、跨团队共建等方式实现。
三、未来与思考
ArcoDesign 的未来发展方向包括完善阶段、补齐设计规范、完善生态平台、创意点生产、智能化打造智能化设计生态平台、打通工作流实现设计工程化等。其 Roadmap 包括 ArcoDesign 组件、Arco Material、风格配置平台、Arco Design Pro、ToolBox、ArcoSite、BrandStore、D2C 资源库、Chart Space 等更多生态工具。未来挑战包括社区影响力进一步构建生态护城河、技术创新、产品服务质量等。ArcoDesign 的愿景是生态互联,理论基石包括系统基础设计规范、设计原则、组件用法等,并涵盖生态平台资源库(Resource)、建站工具(ArcoSite)、D2C 物料市场(Material Market)、可视化图表库(ChartSpace)、图标平台(Iconbox)、风格配置平台(DesignLab)、最佳实践(Arco Pro)等。