Sketch 69 Beta版本探秘，看看都有什么新功能

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

说起Sketch的一大痛点，就不得不提颜色样式。明明已经建立好完整的图层颜色样式，文本就是无法调用，必须重新建立。导致实际项目中的文本样式非常复杂，特别影响效率。

在69版本中，这个问题将不复存在，新增的颜色变量功能将会统一文档中的颜色调用方法，与Figma类似。此外还增加了组件视图、插入窗口等新功能。69版本整体改变还是挺大的，下面一起了解下。

Sketch最新Beta版本下载

如果想体验Sketch最新Beta版本，请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。

Sketch 69要求Mac系统版本是macOS 10.14.4及以上，下面是Sketch各大版本对应的Mac系统版本，如果遇到新版的Sketch打不开就需要检查下自己的系统版本。

颜色变量

这是69版本最大的改变。因为增加了独立的颜色变量属性，所以无论是图层、文本、投影、描边，都可以通过颜色变量来调用同一种颜色。在颜色选择面板中，可以对当前颜色制作变变量，并且支持编辑、更新等操作。

原本颜色选择区域右侧换了新图标，这就是颜色变量。以前的图层叠加模式放在了右上角。

下图中展示了描边、投影的颜色区域，跟填充一样，都可以添加颜色变量。应用后图标会变成紫色，并且底部会显示颜色变量名称。

因此，以后的文本和图层就可以共用同一种颜色，非常方便。有点类似于前端的CSS样式名，符合代码样式逻辑，向代码化迈进了一小步。

组件视图

又是新增的大功能，组件管理更加细致。原本的图层和组件标签切换被去掉，工具栏最左侧增加画布Canvas和组件库Components面板切换。

组件库面板又分为组件、文本、图层、颜色四种分类。其中的颜色是上面讲的颜色变量，也被归类到此。

组件

文本

样式

颜色

插入窗口

在插入工具中新增搜索功能，可以对组件、文本样式、图层样式进行快速搜索。

并且右侧新增独立窗口按钮，或者按快捷键C即可快速打开搜索面板。

其他

组件Symbol的图标更新了，从原来的刷新变成菱形。话说，Figma的组件也是个菱形，不过是由4个小的组合而成。

另外路径偏移功能和用户反馈功能新增对应图标。

总结

这次的69版本在组件样式方面做了大量的改动，无论是颜色变量还是新的组件库面板，都会对我们后面的设计流程产生影响。尤其是颜色变量功能，以后的文本样式可以把颜色单独提取出来，让颜色成为全局的一个基础原子属性，减少组件库的复杂度。

不过和隔壁的Figma相比，组件和样式的灵活性还需要加强，Sketch要加油了。

Figma 和 Sketch 哪家强？来看这篇超详细的对比：

Figma会取代Sketch的地位吗？来看这篇超全面的对比分析！

写在前面：最近因为疫情的影响，很多公司使用了远程办公的模式，同时也把很多远程协作的问题摆在了台面上。

欢迎关注作者的微信公众号：「UI黑客」