那些我离不开的 Sketch 插件
当谈论到插件时,我是一名极客。各种新颖的 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 插件的更多相关文章
- 「技巧」如何快速安装 Sketch 插件
Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner ...
- Sketch插件新利器——使用Mockplus DS制作设计规范
Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具. 然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力. ...
- 用阿里的 sketch 插件 FusionDesign 来快速设计中后台
Fusion Design 是阿里推出的新的基于sketch的快速设计方案,很适合快速设计中后台. (1) 到Fusion官方站点 https://fusion.design 注册并创建一个项目. ( ...
- 【优秀的Sketch插件】PaintCode for Sketch for Mac 1.1
[简介] PaintCode for Sketch 是一款结合了PaintCode和Sketch两款软件强大功能的插件,今天和大家分享最新的1.1版本,支持Sketch 40+版本,这个插件能够让你的 ...
- 【原】K3Cloud平台开发之Python插件
有时候我们的表单可能很简单,只是一个简单交互的表单,但有可能还是要劳师动众的给它建个工程写个插件,是不是很不爽?例如我有如下一个表单: 功能很简单就是选个业务对象,收集绑定几个字段名,然后确定返回一个 ...
- [K/3Cloud]K3Cloud平台开发之Python插件
有时候我们的表单可能很简单,只是一个简单交互的表单,但有可能还是要劳师动众的给它建个工程写个插件,是不是很不爽?例如我有如下一个表单: 功能很简单就是选个业务对象,收集绑定几个字段名,然后确定返回一个 ...
- 想写一个 Sketch 插件 结果 一查不可收拾 ~~ 涉及到 Symbol 符号/ Layer 图层 / Overrides 可替换变量 等等
var sketch = context.api() var document = sketch.selectedDocument; var selection = document.selected ...
- 前端开发之Chrome插件
Postman - REST Client Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模拟Ajax请求.它还支持认证, ...
- 设计师别浪费时间啦,快来试试这款Sketch标注插件吧
随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大.市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工 ...
随机推荐
- 并发基础(六) 线程Thread类的start()和run()
start()和run()方法对于刚接触线程的人来说,会有点混淆,有点难理解,一般都会有以下疑问: 一.start( )方法 1.为什么需要start方法:它的作用是什么: start方法的作用就是将 ...
- OpenCL 设备队列
▶ 按书上写的设备队列的代码,需要 OpenCL2.0 的平台和设备,先把代码堆上来 ● 程序主要功能:用主机上的数组 Ahost 和 Bhost 创建设备缓冲区 Adevice 和 Bdevice, ...
- leetcode191
public class Solution { public int HammingWeight(uint n) { var list = new List<uint>(); do { ; ...
- thymeleaf的使用
1.导包 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>sp ...
- Firemonkey 绘图 TPathData
Firemonkey TPathData TPath控件 procedure TForm12.FormPaint( Sender : TObject; Canvas : TCanvas; const ...
- tomcat 服务器发布网站
第一种方法:在tomcat中的conf目录中,在server.xml中的,<host/>节点中添加: D:\Program Files\Apache Software Foundation ...
- cv::circle《转》
void circle(CV_IN_OUT Mat& img, Point center, int radius, const Scalar& color, int thickness ...
- mysql case, if
if语句: 用法和excel的if函数很像 if(expr1, value_if_expr1_is_true, value_if_expr1_is_false) select if(tag = 3, ...
- 更改linux swappiness 提高物理内存使用率
swappiness的值的大小对如何使用swap分区是有着很大的联系的. swappiness=0的时候表示最大限度使用物理内存,然后才是 swap空间,swappiness=100的时候表示积极的使 ...
- IIS中利用ARR实现反向代理
反向代理是什么,不了解的,请自行百度.本人也是最近才研究这个主题,简单的来说,利用这项技术可以实现负载均衡,安全控制等web应用中重要的功能,对于web应用来说这是个很基础,也很重要的技术,值得开发者 ...