ArcoDesign，字节跳动又一开源力作，企业级UI开源库，一个字“牛”!

大家好，我是程序视点的小二哥!

今天给大家分享的是：ArcoDesign。

它是字节跳动在稀土开发者大会上开源的企业级设计UI开源库。

关于 ArcoDesign

ArcoDesign 主要解决在打造中后台应用时，让产品设计和开发无缝连接，提高质量和效率。

目前 ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现，打磨沉淀 3 年之后开源。现主要由字节跳动 GIP UED 团队和架构前端团队联合共同构建及维护。

ArcoDesign 的亮点

• 
  
• 提供系统且全面的设计规范和资源，覆盖产品设计、UI 设计以及后期开发
  

• 
  
• React 和 Vue 同步支持。同时提供了 React 和 Vue 两套 UI 组件库。Vue 组件库基于 Vue 3.0 开发，并配详细的上手文档。
  

• 
  
• 支持一键开启暗黑模式，主题无缝切换
  

// 设置为暗黑主题
document.body.setAttribute('arco-theme', 'dark')

// 恢复亮色主题
document.body.removeAttribute('arco-theme');

• 
  
• 提供了最佳实践 Arco Pro，整理了常见的页面场景，帮助用户快速初始化项目和使用页面模板，从 0 到 1 搭建中后台应用
  

体验和使用建议

ArcoDesign 官方介绍和文档写得很磅礴，内容超多，格局很大。

针对前端开发者来说，有三点想法：

• 
  
• 一个设计系统同时提供目前最流行的React和Vue框架各提供一套 UI 组件库，综合性很强（官方考虑很全面）。
  
• ArcoDesign UI 组件库的使用文档很详尽，上手简单，代码例子充足，使用体验和 AntDesign 、Element UI 类似。前端开发者入手成本低。
  

• 
  
• ArcoDesign 提供的这套组件设计风格很时尚新潮，配色鲜明，细节处理优雅，细微的交互动效让人很舒服，不需要投入太多的设计工作就可以搭建一个品质很高的应用。
  

当然，在资源设计方面，也有友好的对接。对于设计能力强的团队，ArcoDesign 也提供了很多快速且精准的样式定制工具。

其他

官网还有很多特性的说明，作为一个介绍文章没法展开篇幅说明，总的来说，ArcoDesign 是一个可用性很强的中后台应用设计系统。更多内容请查阅官方网站。

ArcoDesign官方地址

arco.design/

写在最后

【程序视点】助力打工人减负，从来不是说说而已！

后续小二哥会继续详细分享更多实用的工具和功能。持续关注，这样就不会错过之后的精彩内容啦！~

如果这篇文章对你有帮助的话，别忘了【一键三连】支持下哦~