三年多前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. Vue应用框架整合与实战--Vue技术生态圈篇

    实用框架以及工具 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 Element-UI ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 ...

  2. GitHub开源:升讯威 SQLite 增强组件 Sheng.SQLite.Plus

    Github:https://github.com/iccb1013/Sheng.SQLite.Plus Sheng.SQLite.Plus 是一个对直接使用 ADO.NET 方式操作 SQLite ...

  3. cmd中输入net start mysql 提示:服务名无效或者MySQL正在启动 MySQL无法启动

    在DOS窗口.gitbush以及一些可以使用的命令行工具的界面上,输入:net stop mysql.net start mysql时,总是提示:服务名无效. 出现提示如下: 原因是:因为net st ...

  4. Linux vi/vim编辑器常用命令与用法总结

    (一)vi/vim是什么?Linux世界几乎所有的配置文件都是以纯文本形式存在的,而在所有的Linux发行版系统上都有vi编辑器,因此利用简单的文字编辑软件就能够轻松地修改系统的各种配置了,非常方便. ...

  5. Kubernetes 笔记 08 Deployment 副本管理 重新招一个员工来填坑

    本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. Hi,大家好, ...

  6. javaScript设计模式之面向对象编程(object-oriented programming,OOP)(一)

    面试的时候,总会被问到,你对javascript面向对象的理解? 面向对象编程(object-oriented programming,OOP)是一种程序设计范型.它讲对象作为程序的设计基本单元,讲程 ...

  7. Python的线程池

    #!/usr/bin/env python # -*- coding: utf-8 -*- """ concurrent 用于线程池和进程池编程而且更加容易,在Pytho ...

  8. Spring Boot 2.0 的快速入门(图文教程)

    摘要: 原创出处 https://www.bysocket.com 「公众号:泥瓦匠BYSocket 」欢迎关注和转载,保留摘要,谢谢! Spring Boot 2.0 的快速入门(图文教程) 大家都 ...

  9. Python:os 模块常用方法简介

    返回当前工作目录 os.getcwd() 返回 path 的绝对路径 os.path.abspath(path) os.path.abspath('.') 相当于 os.getcwd() 分割目录和文 ...

  10. WebApiClient的SteeltoeOSS.Discovery扩展

    1 背景 从园子里看到一些朋友在某些项目开发中,选择的架构是spring cloud搭建底层微服务框架,dotnet core来编写业务逻辑,SteeltoeOSS.Discovery是dotnet和 ...