千米×墨刀 高效链接产设研 助力新零售体系

千米网是中国领先的专业电商 SaaS 平台，主要服务新零售企业，产品包含订货系统、分销系统、微商城、门店管理系统等电商解决方案。

电商产品错综复杂，产品线之间牵连很深，让这棵盘根错节的大树在面临大版本迭代时苦不堪言。

为了保持迭代时设计风格统一、设计语言一致，并减少沟通成本，同时减轻产品经理原型设计的负担，墨刀协助千米从零到一搭建一套相对完整的组件库。

简单的来说，组件库就是界面设计中常用的控件与元素的组合。或许我们可以将组件库比作乐高的基础颗粒，它们看起来很简单，也没什么特别的，却可以通过设计师的巧手搭建出炫酷的城堡。

一个优秀的组件库可以复用在许多项目中，也可以大大减少设计师的工作量。但因为不同行业、不同产品、不同项目的常用组件差异非常大，即使有了这些现成的组件库，也无法适用自己的产品，可以说每个公司所需的组件库都是非常个性化的，这也正是千米网想要搭建自己组件库的原因。

在工具的选用上，几乎没花太多时间。千米一直在使用墨刀作为生产力设计工具，也已在墨刀中积累了大量的设计文件和素材。同时，墨刀的产品特性支持多人协同编辑，也方便记录交互逻辑跳转，这些特性是在组件库搭建和维护当中都不可或缺的。

墨刀拥有丰富的组件，细分到：组件、图标、图片、和页面......等多个方向。

不过从某种程度上讲，组件库是对设计师的约束。配色、图标、按钮等一系列设计语言要素共同构成了一套标准化的设计体系，限制了基础设计方向，但同时也为后期的设计决策提供着指引。通过这些组件的设计积累，也避免了多业务线多款产品设计上的不统一。

因此另一个角度看，组件库也是对设计师的解放。过去，在时间有限的情况下，设计师常常会优先基础层面的表层设计，而忽略了业务层面的体验优化。

有了组件库后，通过提升设计团队的业务认知，把组件省下的时间去触及业务，来更好的为设计服务，让业务和设计相辅相承。团队协同时，组件库的功用被放大到极致。组件库搭建好后，设计团队在墨刀上与产品团队共享了这套组件库，将其提供给产品经理使用，进行原型搭建。协同之间，组件库让产品和设计团队避免了表层展现不同所带来的理解误差。

对于迭代与维护，每个组件库都可以设置相应的责任人，让团队每个人只需要关注自己相关业务的组件库维护。而墨刀本身的多人协同属性，也让组件库的协同维护成为可能。组件不仅需要 UI 的维护，还要有协同其他部门通力配合，才能保证更好的推进和落地。

开始搭建前，也需要以产品特点和技术架构确定组件库的结构，再顺着结构脉络梳理产品功能。组件库搭建是一个团队共同完成的大项目，为了搭建出一个真正高可用、可拓展的组件库，一定要打通沟通阻碍，完成高效配合。

墨刀上手快，功能涵盖页面设计与交互跳转，支持多人协作共同编辑，墨刀致力于帮助千米更好的破圈。