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

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

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

相关参数

  • 依赖工具:Sketch
  • 插件官网:Runner Pro → The Essential Sketch Plugin
  • 插件试用:Download Runner Pro → The Essential Sketch Plugin
  • 使用文档:Documentation - Runner Pro
  • 更多工具:www.whose.design

高级功能

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

转载于:https://www.cnblogs.com/whosedesign/p/10773666.html

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

  1. 数据追加用什么函数_RL用算法发现算法:DeepMind 数据驱动「价值函数」自我更新,14款Atari游戏完虐人类!...

    [新智元导读]击败卡斯帕罗夫的「深蓝」并不是真正的人工智能,它过度依赖了人类设计的规则,而最近DeepMind的一项深度强化学习新研究表明,不用人工介入,完全数据驱动,算法自己就能发现算法. 「深蓝」 ...

  2. sketch里的ios控件_「插件」五分钟了解微信团队打造的 Sketch 插件 :WeSketch

    前言 WeSketch 是一个强大的 Sketch 插件合集,由微信设计团队量身打造,让设计师和开发者更佳高效的使用 Sketch. whose.design - 发现更多设计工具​www.whose ...

  3. 网络适配器无法建立连接_「图」KB4515384更新令人抓狂:网络适配器又无法启用...

    适用于Windows 10 May 2019(Version 1903)的累积更新KB4515384于今年9月10日发布,重点修复了Cortana进程CPU占用率过高的问题,并引入了其他的常规修复.在 ...

  4. 新手必备pr 2021快速入门教程「一」初识premiere pro 工作界面

    PR2021快速入门教程,学完之后,你可以制作抖音视频,vlog,电影混剪,日常记录等!零基础,欢迎入坑! 本节内容: 在premiere pro2021入门教程的第一部分,我们主要介绍软件工作界面的 ...

  5. paddle 图标注_「插件」UI必看!推荐切图标注工具

    标注和切图,是UI设计师工作中必须要做.传统的切图很麻烦,出现了一大堆的切图标注软件. 今天,贱贱为你讲解其中一款,新手来收. 注意! 注意! 不要眨眼睛 对 你没有看错 今天介绍的是蓝湖插件 话不多 ...

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

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

  7. 体验「UOS」V20 专业版:能代替 Win10 了吗体验

    统信「UOS」基于 Linux 开发的一款自研桌面操作系统,由统信软件技术有限公司的团队研发的. 之前体验过「UOS」系统的小伙伴觉得这就是深度「Deepin」的"换皮改名"版,后 ...

  8. pyaudio usb playback_「APPSO」苹果还会为 iPhone 换上 USB-C 吗?

    iPhone 首销日和往年一样,依然有大量的消费者在各地不同的 Apple Store 排起长龙,店里人头攒动,店员们都在忙着为这些首批顾客设置他们全新的 iPhone 12. 全新的机器也有老味道, ...

  9. 机器人笔记psv中文_游戏「机器人笔记」、「月英学园」将登陆PSV平台

    "科学ADV系列"第三弹「机器人笔记」将发售PSV版,将于今年冬季发售.声优杉田智和原作游戏「月英学园」的PSV版将于10月10日发售,名为「月英学园-kou-」. 5pb.与Ni ...

  10. 苹果发布新款iPad Pro!就换了个「芯」,转换器骚操作笑翻网友

    [新智元导读]苹果iPad系列上新了,但也没有完全上新. 昨晚,苹果悄悄地发布了最新的iPad和一系列新配件. 一大早,新款iPad就连上N条热搜. 为啥这么悄咪咪的呢?因为这次,苹果没有抬出什么让人 ...

最新文章

  1. python第一章思维导图_阅读课本第一章内容后,使用思维导图画出你所理解的
  2. linux安装IPython四种方法
  3. 谷歌 recaptcha_在Spring Boot应用程序中使用Google reCaptcha
  4. 【Python 必会技巧】使用 Python 追加写入 json 文件或更改 json 文件中的值
  5. 如何使用MaxCompute Spark读写阿里云Hbase
  6. 总结————AJAX应用的五个步骤:
  7. Kafka初始化和故障转移
  8. NLP︱高级词向量表达(一)——GloVe(理论、相关测评结果、Rpython实现、相关应用)
  9. (进来补知识啦!)利用双四选一数据选择器74153实现十六选一数据选择器(包含74153简单解释)
  10. 五款交友APP对比评测,哪款交友app好用?
  11. UVA - 1589 Xiangqi (象棋)
  12. SQL基础(廿)--- 抑制重复
  13. Retouch4me 套件 -- 人像自动精修插件
  14. PCRF 关于地址对齐,大小端
  15. 电脑坏了怎么把硬盘的mysql数据恢复_硬盘坏了怎么恢复数据?
  16. 数据结构C语言实现-6—图
  17. 一张图慢慢转换成下一张图_给一张照片做一个视频 如何把一张图片制作成几分钟的视频|图片做成视频软件...
  18. vue 二维码+条形码识别
  19. Unity2D游戏开发——相机跟随主角
  20. Python依次读取Excel文件中的Sheet

热门文章

  1. 怎么把qq音乐flac改成mp3格式
  2. 修改tomcat默认端口号
  3. JDK动态代理简单实现
  4. Java架构师成长路线总结2021版(持续更新)
  5. 使用ffmpeg解析mp4文件得到音频和视频数据
  6. 【python】微信朋友圈数据分析及可视化(爬虫+数据挖掘)
  7. 语义分割网络之PSPnet
  8. python snownlp_GitHub - isnowfy/snownlp: Python library for processing Chinese text
  9. 虚拟环境中更新pip
  10. 【数字水印】图像数字水印技术-含Matlab Gui界面-含文档【0100期】