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

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

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

相关参数


高级功能

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

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

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

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

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

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

Rider - 新的样式复写方法

Runner最经典的一个功能就是插入组件。

当Sketch更新了组件复写功能时,组件变得强大高效。同时,插入组件变成了一个重要的小任务,跟复写他们的表现。迄今,Runner没有复写相关的功能。这次我们解决了这个需求。

隆重介绍:Rider。一个新的方式来搜索和预览组件复写框,让你可以在设计系统里轻松导航,并执行正确的复写。使用Runner Pro你可以按住option单机任何复写框,会跳出Rider搜索框。

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

Install Plugins - 插件详情

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

Dark Mode - 深色模式

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

「插件」Runner更新Pro版,帮助设计师远离996的更多相关文章

  1. 「Linux」centos7更新python3.6后yum报错问题

    1. #vi /usr/bin/yum 因为我的旧版本是2.7,所以将#!/usr/bin/python改为#!/usr/bin/python2.7就可以了! 退出保存 2.可能还会报错 就修改/us ...

  2. 「技巧」如何快速安装 Sketch 插件

    Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner ...

  3. Linux 小知识翻译 - 「Linux」和「发行版」之间的关系

    「Linux」本来指的仅仅是内核.5年之前大多都是这么认为的,但是最近不这么说了. 最近一般都说「Linux」是个 OS,这里的OS,不仅仅是内核,而是指电脑的整体环境(除了内核,还包括一些外围的软件 ...

  4. 「杂烩」精灵魔法(P1908逆序对弱化版)

    「杂烩」精灵魔法(P1908逆序对弱化版) 题面: 题目描述 \(Tristan\)解决了英灵殿的守卫安排后,便到达了静谧的精灵领地--\(Alfheim\) .由于$ Midgard$ 处在$ Al ...

  5. 直播预告|App 首页如何动态化更新?来看蚂蚁技术专家详解「支付宝」全新卡片技术栈

    立即前往直播间预约观看 从icon到card,一场内容前置化的变革 从 Windows 时代开始,应用程序图标就成为了用户(流量)的主入口,一直持续到移动端时代. 图标即入口的方式,虽然足够方便但却不 ...

  6. 「译」JUnit 5 系列:扩展模型(Extension Model)

    原文地址:http://blog.codefx.org/design/architecture/junit-5-extension-model/ 原文日期:11, Apr, 2016 译文首发:Lin ...

  7. 一个「学渣」从零开始的Web前端自学之路

    从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”. 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低 ...

  8. 「Azure」数据分析师有理由爱Azure之一-Azure能带给我们什么?

    前面我们以相同的方式从数据分析师的视角介绍了Sqlserver,本系列亦同样地延续下去,同样是挖掘数据分析师值得使用的Azure云平台的功能.因云平台功能太多,笔者所接触的面也十分有限,有更专业的读者 ...

  9. iOS 9,为前端世界都带来了些什么?「译」 - 高棋的博客

    2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经 ...

随机推荐

  1. Linux 桌面玩家指南:08. 使用 GCC 和 GNU Binutils 编写能在 x86 实模式运行的 16 位代码

    特别说明:要在我的随笔后写评论的小伙伴们请注意了,我的博客开启了 MathJax 数学公式支持,MathJax 使用$标记数学公式的开始和结束.如果某条评论中出现了两个$,MathJax 会将两个$之 ...

  2. 最短路问题之Dijkstra算法

    题目: 在上一篇博客的基础上,这是另一种方法求最短路径的问题. Dijkstra(迪杰斯特拉)算法:找到最短距离已经确定的点,从它出发更新相邻顶点的最短距离.此后不再关心前面已经确定的“最短距离已经确 ...

  3. 如何解决Mac无法读取外置硬盘问题?

    在mac中插入一款硬盘设备后发现硬盘无法显示在mac中,导致mac无法读取设备,遇到这种问题时需要如何解决? 首先,硬盘不能正常在mac上显示可能是硬盘出现了错误无法使用,也可能是硬盘的文件系统格式不 ...

  4. jdk各个版本的新特性(jdk1.7,1.8,1.9)

    用了这么久的jdk,应该会有很多人和我一样,不知道各个版本的jdk的一些新特性,这里简单总结一下.. jdk1.7新特性: 1.在Switch中可以用String字符串 2.对Java集合(Colle ...

  5. 03 JVM 从入门到实战 | 简述垃圾回收算法

    引言 之前我们学习了 JVM 基本介绍 以及 什么样的对象需要被 GC ,今天就来学习一下 JVM 在判断出一个对象需要被 GC 会采用何种方式进行 GC.在学习 JVM 如何进行垃圾回收方法时,发现 ...

  6. pandas的apply操作

    pandas的apply操作类似于Scala的udf一样方便,假设存在如下dataframe: id_part pred pred_class v_id 0 d [0.722817, 0.650064 ...

  7. 【自然语言处理】--视觉问答(Visual Question Answering,VQA)从初始到应用

    一.前述 视觉问答(Visual Question Answering,VQA),是一种涉及计算机视觉和自然语言处理的学习任务.这一任务的定义如下: A VQA system takes as inp ...

  8. 【Netty】(5)源码 Bootstrap

    [Netty]5 源码 Bootstrap 上一篇讲了AbstractBootstrap,为这篇做了个铺垫. 一.概述 Bootstrap 是 Netty 提供的一个便利的工厂类, 我们可以通过它来完 ...

  9. ColorUtil【Color工具类(color整型、rgb数组、16进制互相转换)】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 主要用于color整型.rgb数组.16进制互相转换(-12590395 <--> #3FE2C5 <--> ...

  10. c# 获取当前时间的微秒

    获取毫秒大家都经常用到. 大家应该都知道怎么用. 但是,毫秒下面还有微秒. 其实这个方法也已经在c#中. 只不过很少有人用到,所以查找资料也很少有人说. 下面代码就是获取微秒的方式: DateTime ...