当前位置: 首页 >文章 > 使用Mac共享打造自己团队的Sketch Libraries
收藏
分享

使用Mac共享打造自己团队的Sketch Libraries

举报UI黑客UI黑客发布于 2019-03-012901阅读6点赞
去年下半年一段时间蓝湖的同步盘无法使用,导致项目的Sketch Libraries组件无法被其他设计师调用。最后使用了Mac的共享功能,成功搭建了一个内部网络,让Libraries更加安全地被设计师使用。本文就为大家分享这个方法~...

去年下半年一段时间蓝湖的同步盘无法使用,导致项目的Sketch Libraries组件无法被其他设计师调用。最后使用了Mac的共享功能,成功搭建了一个内部网络,让Libraries更加安全地被设计师使用。本文就为大家分享这个方法~

目录

1:发现问题

2:Sketch Libraries简单介绍

3:Mac文件共享功能打开

4:引入共享的Libraries

5:总结

一:发现问题

2018年下半年的一段时间,发现蓝湖的同步盘从官网下线了,问了客服,说是维护中,具体开放日期不明。我们设计团队本来要用这个同步盘来维护Sketch 的设计组件Libraries,看来现在要换个思路来解决。

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

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

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

二:Sketch Libraries简单介绍

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

undefined

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

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

三:Mac文件共享功能打开

那么回到我们的问题上,如何找到既有简单方便的操作,又能稳定且快速传输的蓝湖同步盘替代方案呢?

UI黑客给出的方案就是利用Mac的共享功能,把自己的电脑当成一个本地服务器,其他设计师只需要进入我的电脑去引入Libraries就可以了,相当于本地化的局域网文件共享。

undefined

其实Mac有非常强大的共享功能,我们这里需要使用的是其中的文件共享。由于是本地化的局域网解决方案,速度当然是很快了,关键是没有上传到互联网,安全性不用任何担心,放在公司内部妥妥的。接下来是实现方法。

1、打开文件共享功能

依次打开设置-共享,打开设置面板。左边列出了Mac可用的共享类型,我们需要使用文件共享功能。afp和smb开头的地址就是其他小伙伴进入你的电脑需要用的。

undefined

undefined

接下来我们要确保文件共享是打开的,对勾勾选。然后点击右侧的选项,afp一般是Mac电脑使用,smb一般win电脑使用,当然Mac使用smb也是可以的,如果使用afp进不到对方电脑就选择smb开头。建议smb和afp共享都勾选。

undefined

2、选择需要共享的文件夹

共享文件夹,就是你想要你的电脑中哪些文件夹给其他小伙伴看,没有共享的文件夹其他人是看不到的,我们可以点击添加来选择,也可以删除某个已共享的。

右侧用户是权限设置,admin是你自己,可以写可以读,说白了就是可以修改可以查看。其他的就设置成只读,就是只能查看不能修改。

undefined

还有一种共享文件方法就是右键单击某个需要共享的文件夹-简介-勾选共享文件夹,之后该文件夹就会出现在共享列表中。

undefined

3、设置客人权限

共享文件夹设置好了,要给其他人设置进入权限。打开设置-用户与群组-客人用户,客人用户选项无法点击的,需要解锁左下方的小锁,输入电脑密码。接下来勾选允许客人用户连接到共享文件夹。设置完毕。

undefined

undefined

undefined

4、进入对方Mac

根据上面步骤设置后,就可以进入对方电脑了。打开Finder,快捷键cmd+k,输入对方afp或者smb开头地址,然后在弹窗中选择客人,接下来再选择你想进入的文件夹就ok。

undefined

undefined

现在,我可以随时查看其他设计师共享的文件,其中Sketch源文件可以随便修改,就是没有权限保存。对方保存Sketch后,我的Mac系统会提示文件发生变化,可以根据提示选择更新还是其他。

undefined

选择Revert,文档就会自动更新到对方最新修改的状态,速度取决于文件大小,一般Sketch文件都是比较小的,几秒钟就更新了。

5、固定电脑的ip地址

有时候会遇到这样的情况,刚开始进入其他同学电脑很正常,但是过几天会发现进不去了,原因是对方ip地址发生了改变。

由于一般默认在局域网中,ip是自动获取的,可能会导致每次分配的ip地址不一样,在Mac中我们可以把ip地址固定。

首先打开网络设置。

undefined

打开网络右下角的高级。

undefined

选择TCP/IP,配置IPv4中选择手动设定地址。IPv4地址一般默认使用路由器地址172.16.12.X,最后的X可以从1-255中填写一个。

undefined

操作之后,电脑的ip地址就会固定再也不会变动了。如果更改之后无法上网的,请联系公司的网络管理员。

以上是Mac共享的打开方法,接下来我们就开始引入Libraries了。

四:引入和使用Libraries

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

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

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

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

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

undefined

undefined

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

undefined

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

undefined

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

undefined

五:总结

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

这个方案的优点是搭建流程比较简单、速度快、内网环境安全性高。不足点是需要管理者的电脑需要保持开机状态。不过我的电脑一般在公司中很少关机,Mac本身的设计就是不建议频繁开关机,即开即用,用完盖上,唤醒很快,让工作更高效。

其实利用Mac的文件共享功能设计师、产品、技术可以很方便地共享源文件、原型图、切图资源等,减少不必要的文件传输和无用的文件副本,而且传输速度也很快。

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

END

0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩18天47人已报名
【5月】零基础手绘插画训练营
距离开班仅剩18天26人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩35天9人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了44,206
并提交了243份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证