赞助商
立即赞助

教你用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!

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

相关文章

如何定义组件库 UI 设计组件库(UI KIT),直译过来就是用户界面成套元件。我们日常工作中所构建的组件库,一般是把所有界面...
sketch
之前给大家详细的解析了个人插画组件库的设计方法以及个人见解。 今天就带大家来全面分析一下品牌插画组件库的建立及应用。 ...
品牌插画
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 ...
交互组件库
这篇文章来自于 Invision 出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富专家的...
UI
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 ...
交互组件库
本文将深入细节从多角度去解析组件化的概念,帮助我们理解、构建组件库。 设计组件化的概念本身是从程序的开发模式中演变而...
交互组件库
今天给大家带来的是如何建立设计师个人的插画组件库,因内容过长并知识点过多,请泡杯枸杞观看。 关于个人插画组件库的 3 ...
插画组件库
最近团队尝试使用Figma构建一套适用团队的组件库与规范,发现Figma比Sketch的构建方式要更简单和更灵活,尤其是自动布局(Aut...
Figma