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

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

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

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

Runner的经典界面

相关参数

从属工具:Sketch

插件官网:Runner Pro → The Essential Sketch Plugin

插件试用:Download Runner Pro → The Essential Sketch Plugin

使用文档:Documentation - Runner Pro

更多工具:whose.design - 发现更多设计工具


高级功能

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中发现和安装插件。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容