当谈论到插件时,我是一名极客。各种新颖的 Sketch 插件层出不穷,但是有那么几个是我怎么也离不开的。

Sketch 运行器

多层的插件菜单再也不会影响我的效率了。

我推迟了好几年才使用这个插件,因为我不懂怎么把它融入我的设计流程。查找信息?我会选择使用鼠标点击,谢谢。现在想想,我当时真是太傻了。它反应迅速,重要的是,它会改变你和 Sketch 界面交流的方式。

内容生成器(Content Generator)之类的插件,它们的多层子菜单曾经让我很烦恼,现在,我会直接找到我想要的操作。

Runner 运行得非常完美,是它让我开始使用 Alfred 来和我的电脑交流。我再也不想回到过去了。

暗夜主题

暗夜主题增加了一个非常有用的个性化外观和附加功能。

这个主题界面不但能够保护你的眼睛,而且能在你打开 Sketch 的时候让你变得兴奋。我最喜欢的部分是它有一个粉红色的工具栏图标。

还有一些能够提高效率的功能,比如更改图层选中颜色、图层的标签颜色以及项目组的指引线。这些 UI 上的细节提升帮助我保持图层名输出时简洁明了(不用表情 —— 用色块标签)。

这个插件需要花 8 美金,但我还是把它排在我的 Sketch 付费项目的前 3 名。这个插件的项目组似乎更新得很快,我很期待他们下一步会拿出怎么样的产品。

Paddy

基本上是目前做的最好的插件了。

当你使用 Paddy 更改了内容后,基本没有多余的步骤了(比如重新改变 label 大小之类)—— 它是自动的。

处理动态按钮有许多变通办法,但我从来没有满意过,我还是不得不在修改按钮后再做一些多余的操作。为什么它就不能像 CSS 那样运行呢?

Paddy 是一个新插件,它运行的方式是我所期望的 —— 我修改一些内容的同时,它将自动更新。

对我来说,它运行得比手动改变标签大小这种方式好得多,因为它基于符号重载,这样,我可以很容易地把它应用到其他地方,比如模型。带图标的按钮也是小意思,对它来说就是小菜一碟。

更新:记住,你可以自动给组合对象分配空间,并且用一些简单的图层名规则居中它们。

记得观看下面的视频,由 **@pablostanley 带来的进一步深入了解这个插件的神奇。@**DavidWilliames 是个天才。

  • YouTube 视频链接:https://youtu.be/FvBQm5qHwdc

Chart

当你接触到图表的时候,你感到非常激动,然后爱上它。

我讨厌设计图表 —— 直到现在还是。从一个视觉上混乱的表格中抽取数据,这永远不是一件轻松的事。当我开始使用这个插件,我打开了新世界的大门,之后,我按照需求定制表格的样式。

我能够快速赶出一个仪表盘,甚至比市场部的人说出:『我们真的不需要详细到这种程度,但是谢谢!』还要快。

Split Shape

使用 Split Shape 插件来进行切片和切块。

大部分人使用 Grids 或者 Craft 来实现这个功能,然后我发现 Split Shape 插件很好用。

我创建了一个拥有全部尺寸的父形状(相当于父 div),然后使用 guterr/margin 把它分割成多行多列,完成网状布局。我不用考虑数值计算。

Fitter

我一直在使用它因为我很懒,我不想手动画形状。CTL⌥+H (高度), CTL⌥+W (宽度), and CTL⌥+F (全画板)。就是这么简单。

同样,你可以设置形状缩进,尺寸大小基于画板尺寸。

Butter

嗨,朋友,那个导航栏需要一点黄油!(译者注:原文是 nav needs some Butter。插件名刚好是黄油)

我十分热爱 Butter 这个插件。原始的 Sketch 控制件在垂直导航菜单有几个像素偏移这个应用场景上并没有什么用。于是我用 Butter 来使这个过程简化,这原本需要大量的鼠标点击操作。

Butter 还可以做间距分布,这样我就再也不需要分布插件了。如果你使用了 Paddy 插件了,Butter 显得有点多余,但我还是保留着它,用来快速组合对象。

Sketch 指南

这个界面简洁美观。我会为缩进创建一个形状,把它移到画板的边缘,然后让插件分布在指南四周。

这样为我节省了大量时间,并且按照我的想法工作。

Clipboard Fill

我不知道没有它我怎么工作。再也不需要把图片保存到桌面,然后填充形状。现在只需要复制图片,然后 CTL⌥+V ,搞定!

Swatches

Swatches 让我能够集中注意力,因为我不需要花半天时间在颜色值上。我可以直接跳到库,挑选我需要的颜色,然后我的工作就完成了。

福利: Little Ipsum

提供你想要的内容,不多不少。

我知道有不少提供内容生成器的插件(比如 Craft),但我的主要问题经常是他们没有提供 较好地控制我需要多少内容。

当我需要填充确定数量的内容时,我会选择 Little Ipsum,它不比其他任何插件慢(很可能要快)。

那些我离不开的 Sketch 插件的更多相关文章

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

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

  2. Sketch插件新利器——使用Mockplus DS制作设计规范

    Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具. 然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力. ...

  3. 用阿里的 sketch 插件 FusionDesign 来快速设计中后台

    Fusion Design 是阿里推出的新的基于sketch的快速设计方案,很适合快速设计中后台. (1) 到Fusion官方站点 https://fusion.design 注册并创建一个项目. ( ...

  4. 【优秀的Sketch插件】PaintCode for Sketch for Mac 1.1

    [简介] PaintCode for Sketch 是一款结合了PaintCode和Sketch两款软件强大功能的插件,今天和大家分享最新的1.1版本,支持Sketch 40+版本,这个插件能够让你的 ...

  5. 【原】K3Cloud平台开发之Python插件

    有时候我们的表单可能很简单,只是一个简单交互的表单,但有可能还是要劳师动众的给它建个工程写个插件,是不是很不爽?例如我有如下一个表单: 功能很简单就是选个业务对象,收集绑定几个字段名,然后确定返回一个 ...

  6. [K/3Cloud]K3Cloud平台开发之Python插件

    有时候我们的表单可能很简单,只是一个简单交互的表单,但有可能还是要劳师动众的给它建个工程写个插件,是不是很不爽?例如我有如下一个表单: 功能很简单就是选个业务对象,收集绑定几个字段名,然后确定返回一个 ...

  7. 想写一个 Sketch 插件 结果 一查不可收拾 ~~ 涉及到 Symbol 符号/ Layer 图层 / Overrides 可替换变量 等等

    var sketch = context.api() var document = sketch.selectedDocument; var selection = document.selected ...

  8. 前端开发之Chrome插件

    Postman - REST Client Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模拟Ajax请求.它还支持认证, ...

  9. 设计师别浪费时间啦,快来试试这款Sketch标注插件吧

    随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大.市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工 ...

随机推荐

  1. ES6进一步整理

    内容: 1.变量及赋值 2.函数 3.数组及json 4.字符串 5.面向对象 6.Promise 7.generator 8.模块 1.变量及赋值 (1)ES5变量定义 var:     可以重复定 ...

  2. net send 换行和发送广播

    net send ip message 要换行的时候按ctrl+t.最后按enter 或 ctrl + m 发出 如果是批处理里面要用: 在命令行下使用:echo ^T > a.txt,注意这里 ...

  3. as3 文档类判断是否被加载

    if (!stage) { trace(("被加载->this.parent:" + this.parent)); }else { trace(("单独打开-> ...

  4. UI5-文档-4.38-Accessibility

    作为本教程的最后一步,我们将改进应用程序的可访问性. 为此,我们将添加ARIA属性.屏幕阅读器使用ARIA属性识别应用程序结构并正确解释UI元素.通过这种方式,我们可以让我们的应用程序对那些使用电脑有 ...

  5. JS 判断鼠标滚轮的上下滚动

    JS 判断鼠标滚轮的上下滚动   <script type="text/javascript"> var scrollFunc = function (e) { e = ...

  6. MVC控制器详解

    原文地址:http://www.cnblogs.com/SeeYouBug/p/6441934.html#3628606 目录 一.理解控制器 1.1.什么是控制器 1.2.控制器的作用 1.3.创建 ...

  7. Unity 所有特殊文件夹

    1.Editor 2.Editor Default Resources Editor Default Resources注意中间是有空格的,它必须放在Project视图的根目录下,如果你想放在/xxx ...

  8. JDK和Tomcat部署时,版本不同的问题解决

    问题: 在以Tomcat作为Web容器,启动java Web工程时,遇到下面问题:org.eclipse.jdt.internal.compiler.classfmt.ClassFormatExcep ...

  9. homework 补第三题

    上次只写了两道题 发现少了一道 所以今天补上    4 . 另外补上今天的程序代码 代码 1. 2. 3 4 运行截图 1. 2 3

  10. jremoting的功能扩展点

    1  InvokeFilter,实现此接口 可以在consumer端 与provider端的调用过程中拦截住请求调用. 已经实现的InvokeFilter包括 RetryInvokeFilter:实现 ...