使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

20180911-使用Mac共享,打造属于自己团队的Sketch Libraries

最近发现蓝湖的同步盘从官网下线了,我们设计团队本来要用这个同步盘来维护Sketch 的设计组件Libraries,看来现在要换个思路来解决。

网上有Dropbox和GitHub解决方案,但是对于设计师来说还是难以理解,部署复杂,关键是Dropbox的速度在国内堪忧,严重影响效率

所以我们的需求很明确:简单方便的操作,稳定且快速的传输。

鉴于有些设计师还没用过Sketch的Libraries,在这里先简单介绍下。

Libraries介绍

Libraries是Sketch最近版本中新增的功能,一个Library实际上就是一个正常的Sketch文件,我们可以把一套做好的Sketch规范(包含symbols和text styles)放到共享网络中,其他Sketch项目只要通过Libraries引入,就可以调用里面的symbols和text styles。如果Libraries中的样式改变,那么其余使用这个样式的组件都会收到更新提示,手动点击就会更新。

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

为了保持界面的风格统一,Libraries非常适合制作大型项目的UI规范,尤其是多位设计师协作完成一套界面的时候。

如果要让其他设计师引入Libraries,就需要一个服务器空间,蓝湖同步盘就像一个服务器空间,设计师把Libraries上传到同步盘后,加入项目的其他人就可以引入使用了。

解决方案

那么回到我们的问题上,如何找到蓝湖同步盘的替代方案呢?

之前UI黑客有一篇文章《科学使用Mac共享功能,提升文档协作效率》,可以利用Mac的共享功能,把自己的电脑当成一个本地服务器,其他设计师只需要进入我的电脑去引入Libraries就可以了,相当于本地化的局域网文件共享。

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

由于是本地化的局域网解决方案,速度当然是很快了,关键是没有上传到互联网,安全性不用任何担心。接下来是实现方法。

打开Mac共享功能

具体方法请看这篇文章《科学使用Mac共享功能,提升文档协作效率》

引入和使用Libraries

这里我们要明确一个事情,UI规范是一个大家都可以调用的组件集合,为了设计的规范和统一,不能所有人都有编辑权限(权限可以通过共享中的设置来配置),因此Libraries需要一个人来维护更新,比如在团队中,A同学负责维护UI规范,那么这个Libraries就会放在A的电脑。

如果我想引入Libraries,就需要通过上面讲的Mac共享功能进入A同学的电脑。

cmd+K——输入A同学共享地址——选择客人——找到规范Libraries的文件路径

接下来我们再从Sketch中引入Libraries。

1:打开Sketch的Libraries:Perferences-Libraries-Add Library

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客
使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

2:点击Add Library后,我们需要在Finder弹窗中找到需要的Library,然后引入到Sketch中。右侧就是我们刚才连接的A同学电脑共享地址。

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

3:在symbol中就可以找到刚才引入的Library了,可以在其他项目中使用。Library和普通的symbol相比,图标是不一样的。

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

4:如果Library中的symbol样式发生变化,Sketch文档就会在右上角收到紫色的更新通知,点击后在弹窗中就可以看到哪里发生了改变,之后进行更新。

使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客
使用Mac共享,打造属于自己团队的Sketch Libraries-UI黑客

总结

经过以上操作,我们就可以在不借助第三方工具的情况下,打造属于自己团队的Sketch Libraries共享解决方案。可以指定一位设计师为管理者,拥有修改权限,其他设计师有只读权限,确保Libraries修改的唯一性。

这个方案的优点是搭建流程比较简单、速度快、内网环境安全性高。不足点是需要管理者的电脑保持开机状态。

希望这个方法能带给各位设计师工作上的启发和效率上的提高。