Sketch UI设计插件推荐

  • 经验类型教程原作者:原作者

  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
17467 2 76 2015-08-20

最近的界面设计工作都是基于sketch做的,用了这么久,也略微感觉出了它的一些好用之处。同时也收集了一些有助于UI设计师提高工作效率的插件,来分享给大家。

sketch toolbox

68747470733a2f2f692e636c6f756475702e636f6d2f58544c6c4c312d5374742d3330303078333030302e706e67.png

sketch toolbox,它是一个插件管理器,为我们查找下载安装sketch插件提供了一体化的服务。

这个工具使用起来也非常方便,左上角在所有插件和已安装插件之间切换,右上角是一个搜索框,查找到你需要的插件点击install就能下载安装,如果要拆卸,在installed里点击要拆卸的插件uninstall就拆卸成功啦。

接下来的插件你都可以通过这个工具下载安装。

下载地址:https://github.com/buzzfeed/Sketch-Toolbox

content generator sketch plugin

这是一个快捷填充内容的插件。

包括图片、文章、个人信息、日期等。你还可以自定义填充的内容。

下面是官方为我们提供的演示动画

userpics.gif


names.gif


lorem.gif



sketch measure

687474703a2f2f75746f6d2e75732f6e65772f6173736574732f696d67732f736b657463682d6d6561737572652d69636f6e4032782e706e67.png

这是一个标注插件。

它提供了sketch中完善的标注方案。最新版本引入了百分比标注方式和直接不标注导出HTML文档,自动生成标注的功能。是一个能大大提高UI设计工作效率的插件,相当的实用。

以下为大家提供最新版本快捷键的翻译:

  1. 框定范围: ⌃ + ⇧ + 1
  2. 标注尺寸: ⌃ + ⇧ + 2
  3. 标注绝对位置: ⌃ + ⇧ + 3
  4. 标注属性: ⌃ + ⇧ + 4
  5. 把现有文字转换成注释: ⌃ + ⇧ + 5
  6. 标注尺寸(百分比):⌃ + ⇧ + 6
  7. 标注绝对位置(百分比):⌃ + ⇧ + 7
  8. 导出HTML文档: ⌃ + ⇧ + E
  9. 隐藏、显示标注: ⌃ + ⇧ + H
  10. 锁定、解锁标注: ⌃ + ⇧ + L
  11. 标注宽度:⌃ + ⇧ + [
  12. 标注高度:⌃ + ⇧ + ]


sketch preview

这是一个手机预览插件,你需要配套skala preview来使用。

相对sketch原生手机预览软件mirror,这个解决方案的优势就是免费,同时还支持安卓手机。

事实上skala的功能范围不仅局限在sketch,还有PS,还支持直接把电脑上的图片展示在手机上而不借助其他软件。但是这款软件是我迄今为止用过的对局域网环境要求最高的软件,稍微复杂的环境就有可能导致它无法工作。

安装这个插件并在电脑及手机上分别安装skala preview 和skala view就能在同一局域网下预览sketch中的设计稿了。

软件下载地址:https://bjango.com/mac/skalapreview/


sketch notebook

这是一款添加备注内容的插件。

它能为我们额外添加一块用于对内容加以说明的区域,并且添加了不错的视觉样式。使得备注看起来整齐且优美。

快捷键分别为:

  1. 显示、隐藏标注: control+option+command+0
  2. 添加标注: control+option+command+9
  3. 整理标注: control+option+command+8

sketch dynamic button

这是一个保持按钮样式的插件。

我们只要把按钮内容重命名成类似于10:10:10:10之类的名称,sketch会自动帮我们设定按钮边框的大小。

他的原理是:将文字内容重命名成类似10:10:10:10的名称,以表示上、右、下、左的间隔。将按钮背景重命名为BG(注意一定要大写)并放在同一文件夹内,在选中文字的情况下按快捷键:command+j,按钮框会自动适应文字的大小。

renameit

这是一个批量重命名图层的插件。

它提供我们一些重命名图层的格式,类似于%n是数字类推、%w以宽度命名、*代表原图层名等规则等

zeplin

这是一个标注插件。

这个插件类似于sketch measure,提供不标注直接导出自动标注文件。但不同的是,它并不提供html文件,而是要通过zeplin.io网站或者相应的软件来获取资源,你的设计稿是存储在它的服务器上的。但在功能上要胜于sketch measure。同时该产品刚上线不久,存在一定的不稳定性及收费制度。所以...

网站地址:https://zeplin.io

全部评论:2

  • October

    2015-08-20 22:30

    好多图都打不开了!

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票