当谈论到插件时,我是一名极客。各种新颖的 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. http协议和https协议

    内容: 1.http协议介绍 2.https协议介绍 3.http协议和https协议对比 1.http协议介绍 (1)http协议是什么 1 一个传输协议,协议就是双方都遵守的规范. 2 为什么叫超 ...

  2. Django高级admin续

    ModelAdmin对象 ModelAdmin类是模型在Admin界面中的表示形式 定义:定义一个类,继承于admin.ModelAdmin,注册模型时使用这个类 class HeroAdmin(ad ...

  3. Flutter,最好的跨平台开发框架

    今天说说使用flutter的一些体会 对于Flutter,从发现到接触再到使用,不知不觉,已经有大半年了!在这段时间里,谷歌几乎每天都会更新Flutter,有时甚至一天更新几次,这让我对它更加充满信心 ...

  4. CentOS Apache配置详解

    要想在linux上实现网页服务器(www)需要Apache这个服务器软件,不过Apache仅能提供最基本的静态网站数据而已,想要实现动态网站的话,最好还是要PHP与MySQL的支持,所以下面我们将会以 ...

  5. 解决python执行linux查看文件命令后,因为^@特殊符号导致部分内容不显示的问题

    问题现象 文件a的内容如下: 查看第3行到第5行的内容:sed -n '3,5p' /tmp/test/a 可见在命令行执行,是没有问题的. 在python中使用paramiko模块执行linux命令 ...

  6. oracle跟踪sql语句

    oracle跟踪sql语句 select * from v$sql 查询客户端电脑名称的ID select terminal, SID,SERIAL#  from v$session where  ( ...

  7. xe7 控件升级

    rm.ehlib.synedit OK SynSQLSyn1->TableNames 为NULL,导致添加数据失败,XE6正常 放在按钮里也不正常,就不说初始化次序引起的.

  8. 机器学习入门-混淆矩阵-准确度-召回率-F1score 1.itertools.product 2. confusion_matrix(test_y, pred_y)

    1. itertools.product  进行数据的多种组合 intertools.product(range(0, 1), range(0, 1))  组合的情况[0, 0], [0, 1], [ ...

  9. MAC CURL : Error:35 SSL certificate problem: Couldn't understand the server certificate format

    起因,使用极光推送最新的版本,里面curl使用https请求,而导致证书出错.一看就懵逼了,从来没遇到过这样的问题,二话不说直接百度,然后就更加懵逼了,搜出来的没有中文内容,对于我这种英文渣来说,简直 ...

  10. unity WWW加载进度条

    using UnityEngine; using System.Collections; public class testProgress : MonoBehaviour { void Start ...