开启超爽快的团队Sketch-library协作

前言

Library本质上就是一个普通的Sketch文件,早期(2017年刚推出Library功能时)主要用来同步Symbols,而最新的Sketch 70+的版本中,已经全面支持颜色变量、文字样式、图层样式和Symbols这四大类的设计规范数据,更好地支撑了个人或团队在此基础上完成复杂的高保真设计。

2018年以后,国内的用户体验设计行业已经将Sketch作为了设计软件的默认标准,曲高和寡的Sketch-library功能也开始从互联网大厂向小厂不断下沉。团队使用同一套组件库的最大优势就是:近乎完美的设计一致性,让规模化的高质量产出成为可能。所以,随着设计团队人数增长,如何实现团队级别的Library协作几乎是一个绕不开的命题。

关于如何从0-1搭建颗粒度合适的组件库,网络上的资料已经可以用“多如牛毛”来形容,但少有文章去介绍如何真正将Sketch-library高效运用在团队中。毕竟谁都不希望千辛万苦搭建的规范库只能自嗨,或成为还需要借用QQ传来传去,反复折腾才能用得起来的累赘。

以下笔者将结合自己的实践经验,介绍目前市面上比较可行的4种团队Sketch-library协作的方法。

1)原生方案:Sketch Cloud

推荐度:★★

Library作为Sketch的重点功能,官方自然是有解决方案的:使用自家的Sketch Cloud云服务来实现组件库的分发和同步。

这个方案看似很美好:原生、体验佳、同步速度也不错,但唯一的缺点就是“贵”:必须拥有正版的Sketch序列号才能使用。对于团队多人协作的场合,所有的成员都需要满足前述的条件才行。考虑到国内实际情况,大部分团队应该都不适合这个方案。

2)云盘共享:iCloud

推荐度:★★★

组件库协作核心原理在于确保所有成员都能引用同一份Library文件(其实就是一个Sketch的文件)。所以只需要团队中有一个人将Library文件“共享”出来,其他成员也在自己的Sketch中设置好关联,都可以实现协作的目的。而Mac系统中自带的云盘iCloud则正好可以运用在这个场景。

这个方式甚至被不少大厂内部采用,比如著名的腾讯设计团队ISUX,就曾经专门撰文分享过这个技巧。整个操作的核心思路如下:

  1. 组件库的管理员将Library文件放入iCloud云盘,并在右键菜单中选择共享,生成链接;

  2. 管理员将链接粘贴到QQ、钉钉等即时沟通工具的群聊中;

  3. 团队成员点击链接,即可在自己的iCloud中访问该Library文件;

  4. 将Library文件拖入Sketch的组件库列表即可。

之后团队就可以共同编辑这份Library文件。任何修改产生后,iCloud都会同步下发给所有成员,Sketch则会弹出相应提示,效率满满。

这个方法操作总体来说不算复杂,但缺点也比较明显:1)权限管理能力薄弱;2)无版本记录功能;3) iCloud通常都作为私人网盘使用,夹杂工作内容会显得公私混杂,体验减分;4)iCloud并非绝对免费,对于需要更高存储容量的场合,依然需要向Apple付费。

总体而言,这个方案比较适合对权限管理无太高要求的微型设计团队。

3)专业选择:摹客Library库插件

推荐度:★★★★★

目前专业针对Library同步功能的插件产品大多由互联网大厂内部开发和使用,基本没有对外开放。况且作为一家公司设计灵魂的组件库源文件,必须考虑关键设计资产的隐私性和安全性,也不宜托管到BATD这类大厂服务器上。

所幸,国内依然有一家不被大厂渗透的老牌的工具厂商摹客(Mockplus)免费提供了整套解决方案。采用这个方案首先需要访问摹客官网并登录,然后在协作平台左侧的TAB栏切换到“设计规范”模块,并创建新的“Library项目”就可以了。

整个使用流程要比第二种方案更智能和简便:

  1. 组件库管理员使用Sketch打开本地制作好的Library文件,然后运行摹客Library插件;

  2. 点击插件工具栏上的“一键上传”将当前Library数据上传到创建好的Library项目中;

  3. 团队成员刷新插件界面,即可看到团队内所有的有访问权的Library项目,然后根据实际工作需要将相应的项目数据导入 /更新到本地即可(这个过程摹客的插件会智能地在Sketch的程序目录中创建实体的Library文件)。

  4. 现在团队成员就可以在Sketch调用所有Library中的设计规范数据和组件模板了。除了管理员,其他有修改权的成员也可以使用“一键上传”功能提交修改。

这个方案不仅操作成本低,速度快,功能也是相比之下最强大的:摹客的云端具有完善的权限配置功能,甚至可以在直接以网页的方式预览组件库内容(这样就方便了没有苹果电脑的用户查看),还支持完备的Library文件历史版本管理功能,遇到紧急情况也能对规范库进行回溯和恢复。

4)硬核之道:SVN + Versions

推荐度:★

如果完全不愿意采用任何第三方厂商提供的产品,那可以考虑最后一种方式:借用开发管理代码常用的SVN来管理Library文件。

具体的实现步骤这里就不赘述了,如果有兴趣可以咨询自家的前端程序员,他们会帮你部署好SVN服务器。团队内的设计师再借助Versions之类的SVN客户端,就可以实现Library的同步、分发、更新和版本管理。

由于SVN是专业用于代码管理的工具,用在设计师的规范库的管理上确实有“杀鸡用牛刀”之嫌。除非团队确实有很高的版本管理 + 数据私密性方面的需求,且坚决不愿意使用任何外部产品,那么才值得考虑这种方案。

小结

以上笔者整理了当前市面上主流的团队Sketch-library协作方式,笔者最推荐的还是使用摹客这样的专业工具:智能化程度高,学习门槛低,在团队内推行的阻力会小很多。毕竟无论采用哪种方案,能真正被团队接受和落地的才具有意义,否则团队成员依然难改“各家自扫门前雪”的旧脾气,设计团队的产出效率和品质自然就难以突破了。

(0)

相关推荐

  • 如何清理iCloud下载文件保留主文件节省手机内存

    使用iCloud云盘功能可节省内存问题,在使用过程中从iCloud云盘内下载的文件如何在保留主文件的情况下进行清理解决占用内存.需要依次进入:"系统设置"--"Apple ...

  • 移动端UI一致性解决方案

    总第424篇 2020年 第48篇 外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本.外卖技 ...

  • 全面解读2020最值得上手的界面设计工具:Figma

    前言 工欲善其事必先利其器,器即工具.选择一种工具的本质是选择一种方式.个人的选择或许是基于喜好习惯,行业的选择则伴随行业工作模式的变化.作为互联网行业的设计师,我们应当时时跟进技术的发展,解锁新模式 ...

  • 学用系列|“幕布”更新知多少?轻量团队文档协作更好用

    又到一年总结回顾的时候了,胖胖老师的"学用系列"也已经进入了第4个年头,不少之前推荐的好应用好工具,在过去的一年中也有了不少的变化,有些应用消失了,有些则变得更成熟了.今天我们要分 ...

  • IBM选择了Slack作为自己的企业团队交流、协作工具:覆盖整个企业的35万人

    最近大家或多或少应该都听说了"远程办公"这个词,它并不算是一种很新的办公方式,不过在当下,它是保证企业员工健康的办法.远程办公,离不开互联网,同时,也离不开一套好用的企业级即时通讯 ...

  • 团队协作语录

    在动乱中团结,因为天下兴亡,匹夫有责.在发展中团结,因为求进.在生活中团结,因为我们彼此关心,爱护. 团队协作语录 1.众人种树树成林,大家栽花花才香. 2.若是大家都走到河里,鳄鱼便不敢张嘴. 3. ...

  • 蒲公英领导力课堂丨克服团队协作的五种障碍

    [蒲小英]蒲公英女性领导力计划第五期完美开营,种子们期待许久的蒲公英领导力课堂也已隆重上线! "同心山成玉,协力土变金."如何凝聚众力.沟通协作?请看蒲公英领导力课堂第一期微报道- ...

  • 蒲公英 · 课堂 | 克服团队协作的五种障碍

    蒲公英女性领导力提升共建计划九期火热招生中,详情请点击:蒲公英女性领导力共建计划九期招生 克服团队协作的五种障碍  --深化团队认知  提高协作力 12月16日上午,蒲公英女性领导力共建计划第八期特邀 ...

  • 蒲公英·课堂 | 团队协作是一种战略选择

    大家在北大工学院教学楼前合影 五月是草长莺飞的诗,五月是充满可能的歌--唯有五月,让"May I love you"从"我可以爱你吗"成为了"我爱你, ...

  • 蒲公英·课堂 | 克服团队协作的五种障碍

    蒲公英女性领导力提升共建计划十一期 火热招生中! 详情请点击下方图片 11月10日,在天空高远.细雨生寒的初冬时分,在林木尽染.秋水盈盈的美丽燕园,蒲公英女性领导力提升共建计划十期(以下简称蒲公英计划 ...

  • 蒲公英 · 感想集 | 团队协作需要坚持和勇气

    导语 认识自己.理解他人,厘清并解决问题,建立理想团队,这是蒲公英十一期种子们的共同收获. ▲任博老师讲课 3月30日,蒲公英女性领导力提升共建计划(十一期)(下称"蒲公英计划十一期&quo ...

  • 华谊王中军被限制消费,再次开启卖画征程,智囊团队助其摆脱困境

    声明:文章转载自中国艺术品市场信息网,仅为转载,侵权可联系删除 据中国执行信息公开网显示,4月27日,华谊影城(苏州)有限公司新增一条限制消费令信息,案号(2021)苏0591执2557号,限制消费人 ...