2017年七个最有前景的设计工具,最热门的设计工具Sketch必备插件

1.ProtoPie

ProtoPie让无需编码创建微交互原型成为了可能。而其他的工具，则需要设计师们从编程的角度上进行原型框架的设计。目前ProtoPie已成为了设计师的专属工具，你能够以设计师的角度来重新诠释交互。而ProtoPie制作的原型，不仅能在移动端屏幕上预览原型的效果，你还能够通过手势测试，使用传感器以及设备间的通信，创建应用在真实环境中适合大多数智能设备的原型功能。

2.Framer

与其他专为设计打造的原型设计工具不同，Framer采用了代码形式（Coffeescript）进行原型设计。在本文中所提到的所有原型工具中，自然它的学习曲线更为陡峭。在以前的版本中，设计人员必须手动键入代码，但2016年夏季发布的修订版本中，它增加了自动编写代码功能。

3.Stage & Gallery

继Google收购了Pixate和Form后，这两大软件开发团队正共同打造一些崭新的设计工具。Stage是一个交互原型工具，而Gallery则是专为设计师打造的协作工具。除此之外，其他的功能还尚未公开。一些人认为，这两款应用程序可能会充分借助Google的云平台，但具体又如何呢，让我们一起期待着它们正式发布的那天吧。

4.Zeplin

Sketch中最流行的插件非Zeplin莫属了。它能够帮助开发人员轻松的识别设计图上UI图层的规格。此外，你可以直接在画板上进行标注，或者通过Zeplin直接下载开发时必备的资源。在Zeplin的帮助下，设计师不必单独的绘制UI规范，而开发人员也不用再追着设计师询问设计规范，或是为遗忘提供的资源而烦恼了。

5.Figma

随着Sketch越来越流行，基于矢量的绘图软件也逐渐的成为了主流。在拥有核心设计工具集的基础上，Figma突显了其实时协作功能。就像程序员可以将自己的代码实时添加到项目中一样，Figma允许多名设计师远程协同工作。

或许，你在想多名设计师在同一项目中是如何协同工作的呢？我们假设一个场景：在会议中，团队成员们在观看同一个项目的进展情况，并实时提供一些反馈对项目进行修改。针对上述场景，Figma将会是你的不二之选。

6.Adobe XD

一个鲜为人知的事实是，长期以来Adobe公司一直进行着大量的原型设计软件的开发工作。在2012年Adobe推出了Edge Tools，但不幸的是，2015年它便停止更新了。然而，2016年Adobe XD的推出又让它强势回归。

Adobe XD是一款矢量化的图形设计应用程序，你可以通过众多的画板来创建可点击交互的原型。一些用户说，XD效仿了Sketch。而很可能Adobe将继续改进XD，并在其他Adobe软件之间建立更强的连接。此外，与Sketch（Mac OS X专用）不同，XD也可在Windows上使用。

7.Sketch &插件

2016年11月Sketch 41版本正式发布，此版本展示了各种全新功能，如嵌套元件复用。

设计师们所提到的Sketch，通常是指Sketch与其相关的插件，例如Measure、Content Generator和Icon Stamper等插件，它们都有助于提高设计师的生产力。在2017年，让我们期盼着Sketch将迎来更优秀的版本以及更丰富的插件吧。

（最热门的设计工具Sketch必备插件）

Sketch绝对是除了PS和AI之外在Mac平台上最热门的设计工具，它更新迅速，功能完备，并且非常契合目前对于UI设计的需求，最重要的是，Sketch小巧灵便不臃肿，还具有相当强大的可拓展性。

1.Sketch Measure

解救广大UI Designer于水深火热之中的神器，能够彻底解决开发人员和设计师之间沟通不畅的问题。

UI Designer最终产出物少不了Visual Guideline.制作这份文档真是庞大的工程。

每个控件，页面的尺寸标记，颜色标记还有字号标记，最终页面的实现效果完全取决于这份文档的细腻程度。通常，有了这份文档，开发严格执行，最终页面还原度还是非常之高的。这个插件就是可以在页面上自动标记出相关参数。

2.Sketch.j

Sketch DevTools是一套实用的开发用的工具和程序，以插件的形式安装到Sketch中。由于Sketch本身偏向与UI设计，在网页开发上有明显的短板，而这套插件就正好弥补了这一缺陷。Sketch中最大的缺陷是没有Debug工具和各种文档的API，而这套工具中正好解决了这些问题。

文章来源：http://www.ugainian.com/news/n-1351.html#news