「插件」Runner更新Pro版，帮助设计师远离996

2019-04-26 本文已影响82人鹿园_0e89

三年多前Runner团队在德国汉堡的骇客松上第一次发布了Sketch插件Runner的beta版本。从那以后，这个团队的目标一直很清晰：

创造一个加速设计工作流的工具。

他们只给Runner添加真正能帮助设计师工作提速的功能，而非来者不拒。今天，Runner团队发布了史上最大一次版本更新：Runner Pro。

Runner的经典界面

高级功能

Runner Pro的设计思路是让Sketch中所有的功能都可以被高效调用。所以新增了两个核心功能「RunBar」和「Rider」。RunBar是一个高效迷你的工具栏，而Rider是一个进行样式复写的新方式。

RunBar - 一个自定义的迷你工具栏

RunBar分为左中右三段

你可以在Sketch编辑区的上方发现一个迷你的工具栏，那就是RunBar，虽然小，但是集成了非常多实用的功能。RunBar会记录你最近浏览过的画板，为你提供后退或前进的导航功能。就好比你浏览器里的历史记录。对深陷大型项目里工作的设计师，真是救命稻草。

Jump Bar让你可以在任何页面的任何图层里进行导航，只需要两三次点击。当然你也可以在这里看到每个页面里所有的画板。

RunBar里的重头戏就是「Actions」。你可以把Sketch原生功能或者插件的功能集成在这里。添加功能后，按住option拖动即可完成布置或删除。有了Actions，你再也不会用到原生的工具栏了。RunBar解放了宝贵的空间，尤其对小屏幕而言。

Actions中集成的插件功能

RunBar在很小的空间里发挥了很大的价值，这才是Runner团队为Sketch定制这个迷你工具栏的初衷。RunBar的每一部分都可以在设置里定制，让你保留对自己有用的部分。在这个只高26个像素的迷你工具栏里，你完全可以放置对自己最有用的功能。

Rider - 新的样式复写方法

Runner最经典的一个功能就是插入组件。当Sketch更新了组件复写功能时，组件变得更加强大。同时，跟复写比较的话，插入组件变得没有那么牛掰。迄今，Runner没有复写相关的功能。所以Runner团队在这次版本更新中添加了组件复写相关的功能。

按住option点击复写框

隆重介绍：Rider。一个用来搜索和预览组件复写框的新方式，让你可以在设计系统里轻松导航，并高效完成正确的复写操作。使用Runner Pro，你可以按住option点击复写框，此时会跳出Rider复写框。

当然，我觉得这个功能一点屁用都没有，微笑脸。

Install Plugins - 插件预览

插件预览框

这么长时间以来，Runner一直是设计师用来发现和安装插件的便捷方式。但是你无法通过简单的图标和描述确定这个插件可以解决手头的问题。新的插件预览框让你可以查看该插件包含的所有功能。一旦你发现这个插件满足需求，可以马上安装使用。

Dark Mode - 深色模式

Run着Run着你就黑了，要注意防晒

Runner可以跟随macOS自动切换界面模式。

优化功能

当Runner团队开始升级插件时，他们开始裁剪没什么价值的功能，裁剪随着时间变得冗余的功能，这样才能把精力放在真正有用的功能上。除了RunBar和Rider，他们刷新了现存的功能，让Runner Pro成为了最好用的Sketch插件之一。一起看看这些优化点。

更显眼的组件预览

Runner团队把组件预览放在了窗口下方，这样预览面积就更大了，视野更开阔，并且让你准确鉴别长名字的组件。在你有一个庞大设计系统时尤其有用，或者当你要处理组件的长名字时。

更大面积的组件预览

限制搜索范围

你可以决定限制搜索范围，指定需要搜索的库，比如你在设计iOS应用界面，不需要搜索macOS的组件库。

命名建议

规范化命名助手

创建组件和样式时，往往不记得之前的命名规则。在Runner中使用Create命令可以看到现存组件和样式的命名，从而作为参考，规范新的命名。

快捷键

自定义所有功能快捷键

现在可以在Runner自己的设置里调整各个功能对应的快捷键了。

基础功能

好了同学们，兴奋之余，让我们复习一下基础功能。之前的经典功能依然保留在Runner中。

Run

你可以「Run」这个功能快速检索所有原生功能和插件功能。不要在繁复的菜单和原生工具栏里迷路了。

Goto

立刻定位Sketch文件中任何一个页面、画板或者组件母版。

Insert

搜索和插入文件或组件库里的组件。

Apply

为选定的图层应用共享样式。

Create

用这个功能可以快速创建复用组件或共享样式。

Install

用Install命令在Sketch中发现和安装插件。