figm字节跳动如何实现产品体验的一致性？ArcoDesign给出了一部分答案( 三 )

图标平台 IconBox：提供规范化、统一化的高质量业务图标库。

中后台最佳实践 Arco Pro：帮助用户快速的从 0 到 1 搭建项目，支持用户自由选用常见页面模版。

色彩配置工具：帮助设计师和开发者在线调试颜色，探索 Arco 色彩算法。

2. 开发工具

文章插图

Webpack 插件：帮助开发者在 Webpack 构建中方便地使用主题、实现按需加载、替换组件内置图标。
Arco CLI 脚手架工具：封装了物料操作命令，帮助用户快速创建物料项目并将其发布至 Arco 物料平台。
VSCode 插件：帮助用户在编辑器查阅文档、可视化操作物料等。
Figma 插件：聚合了常见的设计工具，帮助设计师更方便地使用 Arco 的各项能力。

3. 设计功能

为了方便设计师定位资源，Arco 提供了资源定位的 Figma 插件功能，让设计师可以一键轻松找到目标组件的设计资源以及开发资源。
为了提高设计师的配色效率，Arco 提供了色彩配置的 Figma 插件功能，可以根据指定颜色通过算法智能生成明亮以及暗黑模式下的梯度色板。
为了提高制作图标的效率，Arco 提供了一键拖拽使用 Arco 图标的 Figma 插件功能，在线颜色、线宽、尺寸调整，灵活配置，游刃有余。
为了降低设计师制作 Figma 变体的成本，提高设计师产出符合设计系统规范的设计稿的效率，Arco 探索了 Code to Design，提供了以组件为维度的 Figma 插件功能，设计师可以通过在插件里配置组件属性，自动生成对应的设计元素。同时打通了风格配置平台，让设计稿可以轻松实现「一键换肤」
为了方便设计师管理图标，Arco 推出了Iconbox 图标平台，旨在让设计师可以在该平台上高效地管理自己的图标。并且提供了图标上传的 Figma 插件功能，支持设计师在 Figma 中直接选中图标一键上传至图标平台。

经过了近三年的迭代和众多产品的验证，Arco Design已经成为字节跳动内部使用量最大的设计系统，助力众多字节优秀产品打造高质量的产品体验。未来，可视化建站平台、D2C 设计图转代码工具、C2D 代码转设计图工具、品牌库等功能将陆续上线并开放。

文章插图

正如「Arco」这个名字一样，遵循【Agreement / 一致】、【Rhythm / 韵律】、【Clear / 清晰】、【Open / 开放】的理念，Arco 希望能帮助更多的用户提升工作效率和愉悦程度，打造更好的产品。
Arco Design 现已正式开放，欢迎使用和体验。Arco 非常重视每一位用户的意见，希望大家踊跃反馈，积极共建。
Github React 组件库：https://github.com/arco-design/arco-design
Github Vue 组件库：https://github.com/arco-design/arco-design-vue

本文由 @Cindy 投稿发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于CC0协议