美文网首页
WeSketch插件尝试

WeSketch插件尝试

作者: moonlushaw | 来源:发表于2017-07-27 20:11 被阅读43次
WeSketch插件

7月5日,微信团队出品了一款针对Sketch的插件合集,WeSketch。

WeSketch能做什么?

· 更高效的团队协作,如:UI Kit 同步、色板同步等。

· 更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。

· 更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。

当然这是官方说辞啦,接下来我将对此插件进行体验。

WeSketch有什么功能?

WeSketch面板

从左到右功能依次为连线、标注、字体替换、文本替换、颜色替换、Icon库、UI控件、同步色板、补齐宽/高、快捷取色、生成代码11项功能。

连线

交互引导线操作

果然,老王≠狗蛋;

1.连线不可调整位置;

2.当图层移动位置后,连线不会跟随移动;除非有一根新的连线被触发;

3.连线操作为,选中两个图层,再点击连线;不太符合从一点指向另一点的心理预期。

so,我个人认为直接使用Arrow来的更实在。

标注

图层标注

标注的操作比较傻瓜,点击图层-点击标注(标注到右侧)-再次点击(标注到左侧)-再次点击取消标注;

对于快速标注来说有一定用处;

但个人习惯提前画一个标注icon变成symbol使用。

字体替换、文本替换、颜色替换

3大替换尝试

这三个功能是此次WeSketch中最能提高效率的功能

1.字体替换,快速将指定字体替换成需要字体;(command + shift + f)

2.文本替换,可将制定词语替换成需要词语;

3.颜色替换,有一定不准确度;使用选中图层更换更精准;

这3大替换,给点赞、赞、赞!!!

图标库

图标库

行走的iconfont,如果哪一天能上传icon库就厉害了!

同步UI库、同步色板

2大同步

1.同步UI库,可以将自己的控件导入直接使用(but,你的控件库必须已经做成了symbol)

2.同步色板,协同技能一级棒;项目组成员色板同步,不用再记色值啦~(command + shift + c)

补齐宽高

补齐宽高

这个对于视觉设计师来说,绝对绝对是大爱~

完美解决半像素问题,只要command + shift + u

快捷取色

快捷取色

这个功能呢...和Sketch自带的吸取颜色各有千秋,请各位看官适习惯而定。

获取样式

获取样式

据说这个是开发哥哥的最爱,通过获取样式可直接获得代码,快捷键command + shift + d。

呼呼~

功能体验完毕,有不同的见解欢迎一起来探讨~

就酱

相关文章

网友评论

      本文标题:WeSketch插件尝试

      本文链接:https://www.haomeiwen.com/subject/vkozkxtx.html