新的sketch94对于擅长使用组件标准化设计的设计师和团队意义重大。让我来说一下这次究竟更新了什么,为什么你需要更新到最新的sketch94。

Sketch相比figma一直有一个比较坑的点,就是你如果做整个产品的文字规范,你需要做文字每个状态,比如各个加粗状态、颜色、对齐方式。

现在你只需要设置组件库文字规范中的文字大小即可。

旧版组件库

令人窒息的字符文本规范:

文本规范

终于sketch愿意去解决这个问题了。

新版组件

你现在可以使用command键直接选中组件里面的元素了。选中文本元素可以覆盖掉组件原本的加粗方式、对齐方式、颜色信息。

新版组件

以后做组件库就不需要每个文字的不同样式都做一遍,只需要完成字体尺寸的设置即可。大大减少了组件的构建人力成本和使用组件耗费的成本。

可以说这个早该完成的功能拖到现在终于可以支持了。

新的组件颜色覆盖层

你在sketch94后选择组件的实例时可以自定义颜色了。比如你选择了一个实例,可以在右侧的检查器中找到覆盖层。可以轻易修改颜色,覆盖掉组件的原本颜色。

覆盖层

线条终于支持旋转了

天呐,sketch终于发现了这个问题,现在你在使用line画线条的时候,两个端点终于不再只能调节线段长度,可以调节旋转了。

测试了一下只支持中心旋转,但也比没有强。

更快的组件文本编辑

之前我们都是通过双击组件,不断的双击点进文本中去修改;或者是按command键选中文本再双击。

现在你可以按T键后左键单击组件中的文本进行编辑了。

效率大幅提升。

快速隐藏组件嵌套

在旧版本我们隐藏嵌套的组件通常使用检查器来隐藏组件,就像这样:

隐藏嵌套组件

现在我们可以直接command选中嵌套组件后直接退格键隐藏了!

这对做的标准化很好的组件库来说意义重大。

快速复制组件内的元素

在旧版本我们想要复制组件内的元素通常需要进入到组件库中复制。但是我们有新的属性覆盖掉组件后,想要复制其中的元素只能解绑所有组件,然后复制他们。

想要复制这个圆,我需要解绑组件才可以

现在你可以直接command选中元素,command+c复制,然后粘贴在任意位置。

复制的元素是覆盖组件后的元素。这意味着我想复制中间那个圆,只需要选中它复制即可。

无需回车确定你的颜色输入

史诗级提升。经常我复制一个色值粘贴进去之后,点击鼠标在其他地方结果颜色就还原了。

所以每次粘贴完都需要按一下回车才可以让颜色确定更改。

现在你只要粘贴进去,它就已经完成了更改,你可以安心关闭弹窗,不需要按回车了。

输入完毕之后可以直接关闭窗口,不需要回车,更改会被上传

control+command 选中图层

我们习惯使用command来选中图层,但是想要选中最底层还需要不断的command+鼠标左键。现在control+command支持一键选到最底层。

command选中圆形图层效果

command+control选中圆形图层效果

组件可以设置是否支持覆盖

组件的创建者可以设置哪些可以改,哪些不能动。这对标准统一非常重要。

覆盖层定制

图层列表中的组件显示全部图层

之前只是显示被覆盖的层和部分图层,现在组件所有图层都显示出来了。比较类似一个组。

编辑组件并不是双击了

编辑组件现在不能通过双击组件进入原本的组件库,而是需要选中后按command+回车

总结

Sketch终于改掉它做的非常烂的组件工作流程了。改完之后sketch距离figma的组件仅仅只差十万八千里了。新的组件结构可以大量节省设计师时间,并且新的覆盖文字彻底解放了组件构建人员和组件使用人员的繁琐。(真的我每次选个文字样式都要骂sketch一遍)

如果你是一个组件化设计的UI设计师,那么请务必升级此版本。

注意:因为文档内核更新,新版本打开的文档不能在旧版本打开,会丢失数据。