7月5日,微信团队出品了一款针对Sketch的插件合集,WeSketch。
WeSketch能做什么?
· 更高效的团队协作,如:UI Kit 同步、色板同步等。
· 更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。
· 更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。
当然这是官方说辞啦,接下来我将对此插件进行体验。
WeSketch有什么功能?
从左到右功能依次为连线、标注、字体替换、文本替换、颜色替换、Icon库、UI控件、同步色板、补齐宽/高、快捷取色、生成代码11项功能。
连线
果然,老王≠狗蛋;
1.连线不可调整位置;
2.当图层移动位置后,连线不会跟随移动;除非有一根新的连线被触发;
3.连线操作为,选中两个图层,再点击连线;不太符合从一点指向另一点的心理预期。
so,我个人认为直接使用Arrow来的更实在。
标注
标注的操作比较傻瓜,点击图层-点击标注(标注到右侧)-再次点击(标注到左侧)-再次点击取消标注;
对于快速标注来说有一定用处;
但个人习惯提前画一个标注icon变成symbol使用。
字体替换、文本替换、颜色替换
这三个功能是此次WeSketch中最能提高效率的功能
1.字体替换,快速将指定字体替换成需要字体;(command + shift + f)
2.文本替换,可将制定词语替换成需要词语;
3.颜色替换,有一定不准确度;使用选中图层更换更精准;
这3大替换,给点赞、赞、赞!!!
图标库
行走的iconfont,如果哪一天能上传icon库就厉害了!
同步UI库、同步色板
1.同步UI库,可以将自己的控件导入直接使用(but,你的控件库必须已经做成了symbol)
2.同步色板,协同技能一级棒;项目组成员色板同步,不用再记色值啦~(command + shift + c)
补齐宽高
这个对于视觉设计师来说,绝对绝对是大爱~
完美解决半像素问题,只要command + shift + u
快捷取色
这个功能呢...和Sketch自带的吸取颜色各有千秋,请各位看官适习惯而定。
获取样式
据说这个是开发哥哥的最爱,通过获取样式可直接获得代码,快捷键command + shift + d。
呼呼~
功能体验完毕,有不同的见解欢迎一起来探讨~
就酱