就这一招!不用Figma,不花钱,实现团队同步协作!

释放双眼,带上耳机,听听看~!
本文给各位推荐一个目前来看性价比最高的协作方式(只要有苹果系统就可)—— 苹果iCloud。

之前有铁汁问过有关 ux 设计师线上协作方式的问题,其实现在市面上有很多种线上协作的方式(这里指源文件,尤其是组件库协作),比如 Figma 直接就是一个线上协作的 ux 工具,再比如 sketch cloud,但我知道你们既懒得学新工具,也不B F A X 6 ^ [可能T Z G 0 J v自掏腰包去买 sketch cloud 的团队账号,所以这里给各位推荐一个目前来看性价比最高的协作方I _ l 1式(只要有苹果系统w & F R 7 (就可)——苹果iCloud。

在说 iCloud 方式之前,我们先盘点下目前也比较主流的 2 种线上协作方式:蓝湖和 sketch cloud。

蓝湖

蓝湖目前 2 个主流功能:

  • 设计交付:线上画布的标注切图
  • 组件同步:组件规范云端同步

我们的重点在功能 2,因为 1 直接用 sketc0 E y = 7 . x t @h measure 插件都可以导出来,很多大厂也都有自己的内部平台做交付工具。

蓝湖的设计规范云目前是免费的,但需+ o 5 {要单独下载应用。这里有个槽点:这个应用的交互层级实在M ^ d j % x有点扯淡:永远处于最高层(谁也别想把我挤下去),我天,这种反人类逆向操作实在Z C ^ )是有点难受了盆友。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

蓝湖设计规范云基本可以实现拖拽同步组件库,甚至还T 0 O有细心的颜色选择描边还是填充。但是最重要的一个短板在于它3 – F y j 只能在同步应用云组件库里的元素,但并不支持云组件库的修改以及同步下发。

简单说就是突然有一天老板说你们这个图标不太 OK 啊,优化一个识别度高一点的,这时候蓝湖设计L { ? j B { 9规范云并不能直接改变云端的图标J Y a V,只能新建一个图标然后再挨个去每个设b ~ a : T v [ t计稿里出现这个图标的地方替换。所以蓝湖设计规范云从! $ L W T严格意义上并不能完全帮我们实现最高效的线上合作。

Sketch Cloud

sketch cloud 是 ske* B f I ? y F R 8tch 自己的云端设计b f : u l 3 ^ 3库(可以通过 iCx / ; o = V Uloud 账户登录),也就是说当你把组件库 sketL $ # x L Cch 文件上传到 cloud 变成云组件库后(带有黄色云朵标识),就可以在通过改变云组件库里的组件元V N a N 6 }素,` P 4 :同步下发到所= + U有应用这个云组件库的设计稿里,实现要变大家一起变的终极同步梦想。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

听上去似乎很美好,巴特,现实很残酷。如果你使用盗版 sketch 还想使用 cloud 的功能,请将你的 sketch 版本倒退回 6.0 左右,不然你的 cloud 登录就会一直是这样的提示:

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

当你好不容易把 sketch 回退回 6.0 版本时,你会发现登录 OK 了,上% L E : ? x ? }传也好使了。但当你想分享组件库给团队成员进行线上协作时问题来了。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

也就是说只有你个人是可以编辑这个p – F r线上组件库的,你的团队成员只有查阅和下载的功能,想要团队成员也可以同步编辑同步下发,好的,请氪金。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

总的来说,sketch cloud 其实对我来说一度还是挺香的,之前还写过组件库文章专门安利 ta,直到我换了厂子断了账户的香火钱,它瞬? ; 9间就离我远去了。不过没关系,穷苦的搬砖人就有着非一般的搬砖魂,免费的方法到底还是被找到了,接下来请看苹果 iCloud 的表演。

苹果 iCloud

之所C U 4 j g _ O = )以说苹果 iCloud 是目前性价比最高的方式主要因为几个点:

  • 免费(限 5 个 G)
  • 傻瓜式操作
  • 同步速度较快(相较/ Q t R A sketch cloud 有延迟)
  • 支持同步修改、同步更新

当然世间没有完美的解决方式,iCloud 也有一些弊端:

  • 只有 5 个 G 的免费空间,扩容费用高(不过一2 G 3 ] $ 5 c i O般我们也就只放个组件库,也就 10-20m 左右)
  • 有的成员可能会介意用私人 iCloud 来共享组件库,这时候需要 ta 重S D H A ^ ` @ l _新建一个 iCloud 账号(像我这种粗人一般不介意都直接用)
  • 对 winN s y U a 本用户不友好(必须使用苹果 macOS 系统)

接下来保姆级操作教程,简单到眼睛一睁一闭就完成了。

Step 1. 打开你们的 finb y 8 J 5der 点击 iCloud

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

Step 2. 点击 sk4 6 = i xetch 文件夹n = ~后,把你的组, $ g X O k : W G件库 sketch 源文件拽进来

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

Step 3. 右键源文件→共享→显示成员→添加用户→选择邀请方式(权限这里可以选择,默认的是“可更改”,代表允许这个成员同步修改源文件)

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

Step 4. 打开 sketch,点击左上角菜单上的 sketch→首选项出现以下对话框,勾选本地组件库里出现的刚刚我们拽进去的组件库源文件。这里特别注意一定勾选本地组件库里的源文件,个人云端组件库里的那个是我之前用sketch cloud上传的。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

Step 5. 完工,一起“快乐”的玩耍吧。菜单栏置入→控件→用叭(直接拖拽到界面)

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

如果当有更新的时候,界? W j & . 8面右上角会有更新提示,这点和用 sketch cloud 是一样滴。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

最后一点要补充下,如果当你们组员同时(这里指同一时间)更新同一个组件的时候会有些小冲突,会弹出一个这样的弹窗提示你,不用慌,全部勾选即可。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

之后它会跳出来的一个备份文件直接无情关闭删除: * r – 4 2即可。

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

去年下半年 sketch 被 Fis 9 Z N pgma 逼的出了线上合作功能的测试版本,目前只开放给有购买团队账号的用, # ! 5户测试使用,据说这个功能会在今年全面开放,不过需不需要付费,好不好用就需要打个问号了8 [ V } 3 } P d,不过总R W R的来说各位老 sketchers 应该还是挺期待的吧。

好了以上就是目前为止除了 Figmg r c s k P .a 以外比较主流的一些同步协作了,我大概是全网讲的最极致的了。最后都看到这里了,我猜你一定很想收藏起来吧,go 吧皮卡丘。

欢迎关注作者的微信公众号:「Na– H {na的设计锦囊」

就这一招!不用Figma,不花钱,实现团队同步协作!

就这一招!不用Figma,不花钱,实现团队同步协作!

给TA打赏
共{{data.count}}人
人已打赏
教程分享

超全面!移动端弹出层组件的定义、应用与设计

2021-2-4 17:16:32

教程分享

如何衡量和验证UE设计的效果?来看头条设计师的经验!

2021-2-4 17:19:05

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索