58 UXD | 揭密！如何为公司每年节省1000万

更多资讯请关注原文账号原文链接：https://mp.weixin.qq.com/s/KSE7J7fP112kC427f19-9A58是一个多业务并存的集团公司，多年来一直处于快速增长的状态；58内部拥有庞大的产研团队，有庞大的产品量级、快速的产品迭代节奏，同时要面对多团队的协作质量与效率问题…

58是一个多业务并存的集团公司，多年来一直处于快速增长的状态；58内部拥有庞大的产研团队，有庞大的产品量级、快速的产品迭代节奏，同时要面对多团队的协作质量与效率问题，如果不能很好的解决不管是对个人还是对企业都将是一场灾难。

2020年疫情爆发，形势所迫，国内传统办公需要打破诸多限制，对于无固定场所办公、异地办公、居家办公等协作办公工具需求剧增。

互联网的发展，技术的进步，要求我们不能固步自封，需要我们探索更多的可能性，加入产研协同工具探索中来，为我司与中小企业贡献一些力量。

从2010年开始，互联网体验设计与协同工具进入了百花齐放的时代，因为日益成熟的互联网企业拥有庞大的产研团体，高效协同摆在了台面上。同时国内外不少独立的设计工具日趋成熟，有很多新产品与新视角层出不穷。也在此时，诸多互联网公司也加大自研设计与协同工具的投入，开始探索工具与业务深度融合、协同与协作降本提效的课题。

互联网设计工具的五大演进阶段

1）大型通用能力单体工具：Ps、Ai
互联网起步阶段，出现大型图片编辑工具，用于完成精细化图像设计，被广泛用于各行各业。

2）细分垂直领域工具：Sketch、Principle
随着互联网技术发展和移动设备普及，以往大而全的工具不能解决精细化问题，针对UX/UI领域的垂直化设计工具开始代替传统设计工具。

3)云端化在线协作工具：Figma
互联网企业规模逐渐扩大，单兵作战的模式逐渐被大型团队协作所取代，组织结构中心化要求工具不受平台和系统的限制，在线多人实时协作工具应运而生。

4）工具化平台：Invision、摹客
随着团队角色和分工细化以及产研流程规范化，串联设计全流程的平台化工具出现，致力于提升全链路信息传递和交接效率。

5）自动化和职能化工具
随着AI技术逐渐成熟，智能化设计工具通过深度学习+神经网络，开始代替人力解决大量重复性工作，解放生产力。

 

目前很多产品、设计、研发等团队的协作模式基本处于瀑布式，瀑布式的做法就是一级一级的完成，产品经理写完产品文档交给交互设计师、交互设计师画完交互原型后给到UI、UI设计完成视觉设计后交付开发、开发完成后提交测试、走查bug、走查交互UI、最后上线，循环往复。每个阶段、每个环节少不了各种评审、各种会议以及分享。这种流程长此以往，问题非常明显：

1）多工种多平台内容杂而散
不管是那个岗位成员都需要记录保存多个链接（各种文档链接、各种项目表格、各种输出链接等等，而且许多的产品、设计因个人喜好总能输出各种奇奇怪怪的链接），在工作中要随时切换不同的平台，查看不同的内容，给每个产研同学带来极大的困扰，协作带来不便。

2）设计规范执行不彻底
大多数成规模的设计团队都有一套自己的设计规范，用规范来解决设计产出的一致性，提升设计效率。多年来58一直处于快速增长的状态，整个平台的设计一致性没有得到很好地统一，并且在长期的协作过程中因规范标准执行地不彻底，导致各种问题凸显。

58采用sketch作为基础设计工具，但是Sketch原生组件库可视化程度比较低，层级比较深，搜索和查找不便利，组件库更新同步效率低。

设计源文件文件共享不便利，重复设计问题比较突出。复用率较高的设计场景缺少共享工具承载，设计师之间沟通成本较高，重复设计导致人力资源浪费。

3）团队间沟通效率较低
多平台、多文件造成产研团队信息割裂，需要花费时间管理线下文件，线上也需要各种切换各种收藏，需要付出更多的时间成本。对于各种会议结论和其他形式的沟通结果很难通过一个平台完全收揽，造成团队协作效率低下。

4）外部协作平台成本高
对于58这种体量的产研团队，每年在协作平台花费的成本达到500多万，是一笔非常大的支出，因此内部为了控制成本，导致账号较少，对于产研协作的便利性产生很大的影响。

综上所述，每一个问题的出现，都直接影响着我们团队的协作效率和协作质量。因此，58UXD联合58前端技术委员会打造了一款连接产品、设计、研发的一站式工作台——风火轮。

风火轮分为Sketch插件和协作平台两部分

1、风火轮Sketch插件

 

1）插件承载各类设计资产：插件能够承载公共设计资产和个人设计资产，快速查找并拖拽使用。

设计资产库目前分为icon库、色彩库、图片库、UI组件库、业务场景库、2D/3D插画库、运营素材库等7种类型的设计组件库，目前公共资源库总计设计资产承载量10000+，所有类型的设计资产应有尽有，一键设计不再是未来。

2）上传与解析：通过风火轮Sketch插件上传设计稿到风火轮协作平台，自动解析设计稿，输出标注、切图（支持SVG）、代码（支持多种代码结构）。

2、风火轮协作平台

1）团队管理：风火轮协作平台的采用自上而下的团队和项目管理模式，快速便捷的团队管理路径，将项目与团队紧密连接在一起，提升团队协作效率。

2）项目和文件管理：项目是从属于团队的，想使用项目相关功能，需要先创建/加入一个团队，为便于管理，一个团队下可建立多个项目。项目可存在于任何一级文件夹下，团队成员均可进行项目管理，项目文件中承载了项目中的全部内容（设计稿、切图、源文件、代码等）。

3）多方协作-编辑器：编辑器提供研发查看标注、下载切图和复制代码，平台生成代码高精度还原设计稿，设计稿还原效果高达95%，目前我司代码使用量非常高。

同时，我们实现了设计走查在线化，让之前繁琐的设计走查流程一去不复返，节省设计走查时长60%

3、风火轮未来功能计划
1）实现文档和资源承载：产品、交互、设计、研发、测试等项目团队，统一在风火轮进行项目管理，实现文档、交互原型、设计稿、研发测试、走查等统一通过项目形式承载，解决内容散乱的问题。

2）设计线上化：实现设计元素在线编辑、布局与设计等。

3）3D效果在线化：解析3D文件输出代码、生成多角度图片等。

「风火轮」自从2020年12月30日上线以来，逐步覆盖了全公司所有的产研团队，完全替代了其他协作平台，成为公司产研提效唯一的协作平台，并且带到内部团队较高的评价。

「风火轮」上线至今，我们快速响应迭代，通过好多个版本的更新优化，使其达到了一个稳定且且持续更新的状态。

目前「风火轮」插件承载了10000+多个可复用的设计资产，解决的大多数重复设计、开发的状态，累计设计资产复用次数45000+次，累计节省设计时常55000+小时。通过自动化解析生成代码量超过10000+，生成图片量300W+，累计节省研发时常10000+小时，提升整体协同效率30%。

节省产研协同工具采买成本约500+W/年，节省人力成本500+W/年，年度节省成本千万！

 

 

 

「风火轮」目前已免费开放给大家使用，大家再次记住这个网址：https://fhl.58.com，这是我们风火轮协作平台的网址，大家可以下载插件进行使用。同时我们也开放了一部分设计资产，为大家提供一些便捷。

我们开放的平台目前只开放了部分功能，其他更多高级功能会陆续开放给大家，请大家多多关注我们「风火轮」平台，有新的进展我们会第一时间公知大家。

我们内部所使用的豪华高级版本，欢迎有私有化部署意愿的公司和团队前来洽谈合作。如在其他方面想要合作的团队，也欢迎来撩，我们的主旨是开放共赢，有兴趣可扫描下方二维码，我们可以进行深入的探讨，一起来搞事情。

 

 

李源

风火轮产品负责人

扫码进群

 

转载时请连同下方内容一起转发