让你设计效率疾速提升的免费SKETCH插件

   尽管Bohemian Coding团队一直在尽力更新提高Sketch的易用性,完善功能和特性,但依然无法满足设计师和开发者的全部需求和愿望。好在开发者社区並沒有坐以待毙,而是积极地开始为Sketch开发各种各样地插件。

  有些开发者打算用自己开发的插件替代系统预制的组件,旨在让GUI、图标和原型地设计拥有更大地定制空间,还有一些开发者则选择试图开发出提高工作效率,完善工作流程地组件,解决各种尚未完善地问题。如果你打算借助Sketch从零开始设计一个项目,那么下面介绍地许多插件和工具应该能给你极大地帮助。

  这些免费地插件不仅简化了复杂的技术,加速了基本的流程,提升了原型开发速度,使得整个设计过程比原来提升了不止一星半点。打开你的Mac吧,下面的15个Sketch插件中,总有一款能帮你走的更快,设计得更好。

  Sketch Mate


  不想看常常的Sketch说明书?那么这款插件就是你的菜了。Sketch Mate 可以帮你熟悉Sketch相关的术语和功能,让你在简单上手过程中就可以了解画板、智能对齐、排版和文本等工具的具体功能。

  Dynamic Reposition


  这个插件的名字已经非常形象了,动态重新定位插件,它可以帮你动态调整对象的大小和位置而不用破坏其内容,还能保持对象的比例。使用之前,你可以事先设置位置和尺寸,方便后续操作。这款插件和Sketch 3完美兼容,并且配有相应快捷键。

  Sketch Framer


  如果你想使用交互良好的原型展示给客户,那么这款插件可以帮你达成这个愿望。这款插件能够帮你将Sketch中设计的原型输出到FramerJS中,生成可交互的原型,便于执行和展示。

  Sketch Toolbox


  这个名为 Sketch Toolbox的工具可以帮你更为方便地组织管理Sketch插件目录。它不仅可以帮你组织管理插件,还可自动更新已安装的插件,只需几次点击,你还能获取更多可用、易用的Sketch插件。目前,Sketch Toolbox 的团队还在为其添加更多功能,诸如排序、快捷键和自定义设置等,尽量与Sketch本身的开发保持相同进度。

  Generate Gif


  使用Gif来展示产品其实是颇受欢迎的一种方式。比起静态的图片,动态的Gif能更便捷地展现交互和动效的实际效果。Generate Gif 可以帮你快速生成动画的关键帧,也与OSX Yosemite的沙盒机制完美兼容。

  Sketch to App Store


  当你使用Sketch为iOS或者Mac平台设计APP的时候,发布到App Store 也是自然而然的事情吧?Sketch to App Store 这个工具能帮你生成一整套符合市场需求,漂亮且符合App Store 与 iTunes Connect 规则的展示截图。

  Smartboards


  这个名为 Smartboards 的工具旨在通过一系列插件,来彻底解决新建画板相关的所有问题。

  在这一系列插件中,第一个是Gridify。这款工具可以帮你快速为画板矩阵命名(列用数字表示,行用字母表示),然后按照字母顺序排列,画板与画板之间还会预留100px的间隙,快速便捷高大上哦。

  Sketch Sort Layers


  每次项目都要接近尾声的时候,都会发现所有的图层乱七八糟犬牙差互,难以处理(不只是Sketch上,在PS上我们就没少碰到这样的情况)。而这个Sketch Sort Layers 插件正如同它的名字所说的,可以简单有效地为你重现组织图层顺序,小巧,实用。

  Sketch CSS Sprite Mixin


  Sketch CSS Sprite Mixin 可以帮你从Sketch 快速生成干净清爽的SCSS代码,甚至无需额外操作就能生成无延迟的Sprite 图像。

  Sketch Notebook


  对于那些看不到描述、评论和解释就不知道怎么完善工作流程的人而言,这个小插件绝对算是良心了。Sketch Notebook 拥有一个简洁高效的侧边栏,对于每一个工具和条目都有简短而清晰的描述,还能有效地创建靠谱的文档。

  Efficiency


  在Sketch 中安装Efficiency 意味着,将会有一系列工具合集会帮你从各个方面提升你的工作效率。从文本控制到图层管理,你会发现Efficiency会从各个方面各个细节提升你的工作效率。

  CSS Buddy


  虽然这个插件仅仅还处于测试阶段,但是本身的易用性已经开始显现。CSS Buddy 会使用CSS帮你控制图层,对于开发者而言,这是一个伟大的创举。现在,它已经可以控制图形、文本和画板,今后它还会控制更多类型的元素。

  AEFlowChart


  如果你需要在Sketch中绘制五颜六色的图表的话,就千万不要错过这个插件。你唯一需要做的,就是编辑好文本和标签,这个插件会帮你转化为你需要的图形和图表。稍加调整,你要的图表就搞定了。

  Blade


  Blade 可以将你在Sketch中绘制的原型、视觉稿转化为HTML代码,目前已经针对最新的 Sketch 3 的特性进行了升级。Blade 会针对不同类型的元素插入标签,所以为了让转化效果更好,最好针对不同的元素和图层进行合理的分组。

  Sketch Export Assets


  开发者提供了两个有用的插件来处理所有的输出和导出的问题。其中一个插件负责帮你针对Android、Windows Phone 以及iOS三大平台导出素材,去它的Github页面看看,你会发现另外一个插件还为你准备了什么功能~

  结语

  想比起昂贵而复杂的Photoshop, Sketch 看起来确实单薄了点,但是它对网页和UI设计具有极强的针对性,社区和开发者提供的诸多插件也都专注于这方面的功能完善和技巧提升。稍加探索,我想你一定会爱上它的。

分类:

  • PS入门教程
时间: 2024-09-10 08:30:35

让你设计效率疾速提升的免费SKETCH插件的相关文章

推荐十款免费 WordPress 插件

  本文给大家介绍的是今年必备的10款WordPress插件,非常的实用,包含WordPress SEO By Yoast,Akismet,W3 Total Cache,Disqus Comment System,Google Sitemap Generator,Jetpack,Limit Login Attempts,Contact Form 7,Yet Another Related Posts Plugin等 2015必备wordpress插件列表.为了增强wordpress站点,一些优秀

25款轻巧实用的SKETCH插件大合集

  Sketch绝对是除了PS和AI之外在Mac 平台上最热门的设计工具,它更新迅速,功能完备,并且非常契合目前对于UI设计的需求,最重要的是,Sketch 小巧灵便不臃肿,还具有相当强大的可拓展性. Sketch 的优秀之处就是从它的可拓展性上延展开的,围绕着它的不仅有大量的设计师,还有一个活跃的开发者社群,许多优秀的免费插件都由此诞生.这些来自开发者社群的优秀插件从各个不同的角度完善.强化了Sketch的功能,让设计项目可以更加快速高效的完成.当然,在下载这些免费插件之前,请先装上Sketc

推荐十款免费 WordPress 插件_php技巧

2015必备wordpress插件列表.为了增强wordpress站点,一些优秀有效的免费wordpress 插件是必不可少的. WordPress 插件用于提升 wordpress 站点的功能.正如你所知道的,wordpress 是最流行的内容管理系统(CMS)之一,所以会有许多开发者提供支持.他们开发 wordpress 插件在提高CMS功能的同时却不会降低站点的速度.现在有许多付费和免费的 wordpress 插件,但对于你们中的大多人来说要选择哪个插件仍是个问题.所以我在这里尽量简述下一

Sketch 插件介绍:Style Inventory(样式清单)

译者最近在做一个比较大的设计项目,才开始系统接触设计规范相关的内容,根据项目也需要生成一套样式清单供其他设计同事和研发团队使用.看到这款 Sketch 插件后发现有几个功能比较实用,比如能够一键汇总.导出所有项目/画板中所用到的颜色.字体样式信息.因此简单翻译了一下本插件开源地址的 Readme,希望有需要的朋友可以参考,原文地址如下:getflourish/Sketch-Style-Inventory · GitHub 注:原文页中有 gif 动图,因为专栏不支持动图显示,所以只截取了一帧,如

省时省力还省钱!最好用的免费PS插件

  截至2015年,Photoshop诞生已有25年.25年中,Photoshop对这个世界产生了非常大的影响.我们都知道Photoshop是最强大最好用的图像处理软件之一,而不少PS插件的存在更是能大大提高Photoshop的性能,提高Photoshop的处理效率.本期国外精品翻译教程就将同大家分享最好用的免费PS插件,希望能对大家使用Photoshop有所帮助. Photoshop诞生已有25年 01.virtualPhotographer 如果你没有足够的时间来对自己的摄影作品进行构图,或

25个最好的免费Eclipse插件_java

Eclipse提供了一个可扩展插件的开发系统.这就使得Eclipse在运行系统之上可以实现各种功能.这些插件也不同于其他的应用(插件的功能是最难用代码实现的).拥有合适的Eclipse插件是非常重要的,因为它们能让Java开发者们无缝的开发基于J2EE和服务的应用程序.Eclipse的插件也能帮助他们开发不同应用架构上的程序. 下面列出来的是25个最好的免费Eclipse插件,可以让开发者更高效的工作 . 提高代码质量的插件 1. FindBugs FindBugs可以帮你找到Java代码中的b

Wordpress最佳免费幻灯片插件推荐

幻灯片是在有限的网页空间内展示系列项目时用的一种非常聪明的做法.在Wrodpress中添加幻灯片效果非常简单,Wordpress社区的开发者们为我们编写了很多绚丽的幻灯片插件,今天给大家分享的是最佳的免费幻灯片插件,相信你一定能找到一款自己喜欢的! NextGEN Gallery 经典的一款Wrodpress图片画廊插件,可以通过上传zip压缩包的形式批量上传图片,非常强大.演示 | 下载 Page Flip Image Gallery 带翻页效果的图片画廊插件演示 | 下载 Featured

Sketch插件-Symbol符号的处理

Sketch3.7之前 符号是 Sketch 3 里一个重要的新功能,有些设计师又叫它模版,它功能确实像模版,你只要设计一组元素,并设置为 symbol,就能方便地在多个页面和画板中重复运用该组内容.你在某个画板中改变symbol某个元素的,其他各画板.页面的同组对应元素都会跟着改变. 符号其实就是一种特殊的组,在图层列表中也是以组的形式出现,但是不同于普通的组的蓝色图标,符号会有一个紫色的文件夹图标. Paste_Image.png 如何判断对象是否被设置了符号属性 在MSLayerGroup

带你了解超好用的SKETCH插件

  通过上两节的文章,大家可能已经对sketch这款软件的基本操作有了一个大概的了解.但很多朋友可能会有疑惑,"好像sketch的功能也没有那么强大啊?""也就是个普通的矢量绘图软件吧?" 恩,你错了,因为你忽略掉了一件东西-插件. 插件是让sketch保持强大的独门绝技,很多软件看起来不支持的功能,通过插件都可以实现,大大提高工作效率. 下面,静电来介绍下sketch常用的,受大家欢迎的插件. 一.安装插件的方法 sketch有两种插件安装的方法,一种是传统的安装