赞助商
立即赞助

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

UI设计3年前 (2021)更新 流光
2.5K 0 0

前段时发现蓝湖步盘从官网下线了,问了客服,说是维护,具体开放日期不明(目前已正常)。时我们设计团队要用这个步盘来维护 Sketch 设计组件 Libraries,看来现在要换个思路来解决。

上有 Dropbox 和 GitHub 解决方案,但是对于设计师来说还是难解,署复杂,键是 Dropbox 的速在国堪忧,严重影响效率。

同有的公为了项目的保密性,禁止把相关计放外网,更别说把计最基础的组件放网络上了。

所以我们的需求很明确:

  • 简的操作
  • 稳且速的传输
  • 方便的同步共享
  • 如在内网使用更好了

文章目录

  • Sketch Libraries 简单介绍
  • Mac 文件共享功能开
  • 引入共享的 Libraries
  • 总结

鉴于些设师还用过 Sketch 的 Libraries,这里先简单介绍下。

Sketch Libraries 简单介绍

Libraries  Sketch 近版本中新增的功能,一 Library 实际就一常的 Sketch 文件,我们可以把一套好的 Sketch 规范(包含symbolstext styles)到共享网络中,其他 Sketch 项目只通过 Libraries 引入,就可以调用里面的 symbols  text styles。如果 Libraries 中的样式改变,那么其余使用这样式的组件都会收到新提示,手动点击就会新。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

了保持界面的风格统一,Libraries 非常合制作型项目的 UI规范,尤其多设师协作完一套界面的时候。

果要让其他设计师引 Libraries,就需要一个服务器空间,蓝湖同步盘就像一个服务器空间,设计师把 Libraries 上传到同步盘,加项目的其他人就以引使用。

解决方案

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

我出案是利用 Mac 共享功能,把自己电脑成个本地服务,其他设计师需要进入我电脑去引入 Libraries 可以了,相于本地化局域网文件共享。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

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

Mac 文件共享功能打开

1. 打开文件共享功能

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

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

接下我们确保文件共享打的,勾选文件共享。然后点击右侧的选项,afp 一般 Mac电脑使用,smb 一般 win电脑使用,当然 Mac 使用 smb 也可以的,如果使用 afp 不到对方电脑就选择 smb 。建议 smb  afp 共享都勾选。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

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

共享文件夹,就是你想要你的脑中哪些文件夹给其伙伴,没有共享的文件夹其人是不的,可以点击添加来选择,也可以删除某个已共享的文件夹。

右侧用户权限设置,admin 自己,可以写可以读,白了就可以修改可以查看。其他的就设置只读,就只能查看不能修改。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

还一种共享文件方法就右键单击某需共享的文件夹 – 简介 – 勾选共享文件夹,之后该文件夹就会出共享列表中。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

3. 置人权限

共享文件夹置好了,要给其人置进入权限。开置 – 用户群组 – 人用户,人用户选项无法点击的,需要解锁左下方的锁,输入脑密码。下来勾选允许人用户共享文件夹。置完毕。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

4. 进对方Mac

根据上面步骤设置,就以进对方电脑。打开 Finder,快捷键 cmd+k,输对方 afp 或者 smb 开头地址,在弹窗中选择客人,接下来选择你想进的文件夹就以。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

,我可以随时查看其他设师共享的文件,其中 Sketch 源文件可以随便修改,就权限保存。对方保存 Sketch 后,我的 Mac系统会提示文件发变化,可以根据提示选择新还其他。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

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

5. 固电脑的ip址

时候会遇到这样的况,刚始入其他同学的电脑很常,但过几天会发不去了,原因对方 ip址发了改变。

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

首先打开网络设:

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

打开网络右下高级:

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

选择 TCP/IP,配IPv4 选择手动设定地址。IPv4地址般默认使用路由地址172.16.12.X,最后 X 可以从1-255填写个。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

操作后,电脑 ip地址会固定再也不会变动了。如更改后法上网,请联系公司网络管理员。

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

引入共享的 Libraries

这里我们要明确一个事情,UI规范是一个大都可调的组件集合,为了设计的规范和统一,有人都有编辑权限(权限可通过共享中的设置来配置),因此 Libraries 需要一个人来维护更,如在团队中,A同负责维护 UI规范,那么这个 Libraries 就会放在 A 的电脑。

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

cmd+K – 输入A同学共享址 – 选择客人- 找到规范Libraries的文件径。

接下来我们从 Sketch 中引 Libraries。

打开 Sketch Libraries:Perferences – Libraries – Add Library。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

点击 Add Library ,我们需要在 Finder 弹窗中找到需要的 Library,引到 Sketch 中。右就是我们刚才连接的A同学电脑共享地址。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

之在 symbol 中就以找到刚才引的 Library ,以在其他项目中使用。Library 和普通的 symbol 相比,图标是不一样的。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

果 Library 中的 symbol 样式生变化,Sketch 文档就在右上角收到紫的更新通,点击在弹窗中就以看到哪里生改变,之进行更新。

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

总结

经过以上操作,就可以在不借助第三方工的情况下,造属于队的 Sketch Libraries 共享解决方案。可以指定一位计为管理者,拥有修改权限,其计有只读权限,确保 Libraries 修改的唯一性。

这方案的优点搭建流程比较简单、速度、内网环境安全性高。不足点需理者的电脑保持机状态。不过我的电脑一般公司中很少关机,Mac 本身的设就不建议频繁关机,即即用,用完盖,唤醒很,让作高效。

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

以前品发文件,如发生了改,需要第遍、第三遍,现在利用共享,品学看到会保持最新版本,不用再麻烦地传输文件。

希望这个方法带给各位设计师工作上的启发和效率上的。

欢迎关注作者的公众号:「UI黑」

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

今天,我们来讲解下组件的动态响应式,这是组件库搭建的重中之重,也是 Sketch 搭建组件库系列的终篇! 依旧,来一个大纲: ...
sketch
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 ...
交互组件库
今天给大家带来的是如何建立设计师个人的插画组件库,因内容过长并知识点过多,请泡杯枸杞观看。 关于个人插画组件库的 3 ...
插画组件库
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 ...
交互组件库
之前给大家详细的解析了个人插画组件库的设计方法以及个人见解。 今天就带大家来全面分析一下品牌插画组件库的建立及应用。 ...
品牌插画
Figma作为一个线上协作设计平台,因其强大的组件功能,越来越受到设计团队的青睐。 为帮助用户对组件进行更加高效的管理,20...
Figma
工作中大家都可能遇到过,设计完成后因为某些原因突然要批量修改某一个字段文字的大小,或者某个按钮的颜色。 领导一声令...
组件
如何定义组件库 UI 设计组件库(UI KIT),直译过来就是用户界面成套元件。我们日常工作中所构建的组件库,一般是把所有界面...
sketch