隨著新工具的發(fā)布，現(xiàn)有工具版本的更新迭代，2016 年顯然是設(shè)計(jì)類工具蓬勃發(fā)展的一年。在本文中，我挑選了一些在 2017 年值得我們關(guān)注的設(shè)計(jì)工具。這些工具在設(shè)計(jì)工具類的社區(qū)中都擁有著大量的人氣，所以挑選出來(lái)與大家一同分享。Have Fun！

01. Figma

隨著 Sketch 越來(lái)越流行，基于矢量的繪圖軟件也逐漸的成為了主流。在擁有核心設(shè)計(jì)工具集的基礎(chǔ)上，F(xiàn)igma 突顯了其實(shí)時(shí)協(xié)作功能。就像程序員可以將自己的代碼實(shí)時(shí)添加到項(xiàng)目中一樣，F(xiàn)igma 允許多名設(shè)計(jì)師遠(yuǎn)程協(xié)同工作。

或許，你在想多名設(shè)計(jì)師在同一項(xiàng)目中是如何協(xié)同工作的呢？我們假設(shè)一個(gè)場(chǎng)景：在會(huì)議中，團(tuán)隊(duì)成員們?cè)谟^看同一個(gè)項(xiàng)目的進(jìn)展情況，并實(shí)時(shí)提供一些反饋對(duì)項(xiàng)目進(jìn)行修改。針對(duì)上述場(chǎng)景，F(xiàn)igma 將會(huì)是你的不二之選。

• 官網(wǎng)地址：https://www.figma.com
• 更多信息：https://medium.com/figma-design
• 社區(qū)：https://www.facebook.com/figmadesign/

02. Adobe XD

一個(gè)鮮為人知的事實(shí)是，長(zhǎng)期以來(lái) Adobe 公司一直進(jìn)行著大量的原型設(shè)計(jì)軟件的開發(fā)工作。在 2012 年 Adobe 推出了 Edge Tools，但不幸的是，2015 年它便停止更新了。然而，2016 年 Adobe XD 的推出又讓它強(qiáng)勢(shì)回歸。

Adobe XD 是一款矢量化的圖形設(shè)計(jì)應(yīng)用程序，你可以通過(guò)眾多的畫板來(lái)創(chuàng)建可點(diǎn)擊交互的原型。一些用戶說(shuō)，XD 效仿了 Sketch。而很可能 Adobe 將繼續(xù)改進(jìn) XD，并在其他 Adobe 軟件之間建立更強(qiáng)的連接。此外，與 Sketch （Mac OS X 專用）不同，XD 也可在 Windows 上使用。

• 官網(wǎng)地址：http://www.adobe.com/products/experience-design.html
• 更多信息：https://blogs.adobe.com/creativecloud/tag/xd-product-updates/
• 社區(qū)：https://www.facebook.com/AdobeExperienceDesign/

03. Sketch & 插件

2016 年 11 月 Sketch 41 版本正式發(fā)布，此版本展示了各種全新功能，如嵌套元件復(fù)用。

設(shè)計(jì)師們所提到的 Sketch，通常是指 Sketch 與其相關(guān)的插件，例如 Measure、Content Generator 和 Icon Stamper 等插件，它們都有助于提高設(shè)計(jì)師的生產(chǎn)力。在 2017 年，讓我們期盼著 Sketch 將迎來(lái)更優(yōu)秀的版本以及更豐富的插件吧。

• 官網(wǎng)地址：https://www.sketchapp.com/
• 插件：https://speckyboy.com/plugins-sketch-app/
• 更多信息：https://medium.com/sketch-app
• 社區(qū)：https://www.facebook.com/sketchapp/

04. Zeplin

Sketch 中最流行的插件非 Zeplin 莫屬了。它能夠幫助開發(fā)人員輕松的識(shí)別設(shè)計(jì)圖上 UI 圖層的規(guī)格。此外，你可以直接在畫板上進(jìn)行標(biāo)注，或者通過(guò) Zeplin 直接下載開發(fā)時(shí)必備的資源。在 Zeplin 的幫助下，設(shè)計(jì)師不必單獨(dú)的繪制 UI 規(guī)范，而開發(fā)人員也不用再追著設(shè)計(jì)師詢問設(shè)計(jì)規(guī)范，或是為遺忘提供的資源而煩惱了。

• 官網(wǎng)地址：https://zeplin.io
• 更多信息：https://medium.com/zeplin-gazette
• 社區(qū)：https://www.facebook.com/zeplin.io/

05. Stage & Gallery

繼 Google 收購(gòu)了 Pixate 和 Form 后，這兩大軟件開發(fā)團(tuán)隊(duì)正共同打造一些嶄新的設(shè)計(jì)工具。Stage 是一個(gè)交互原型工具，而 Gallery 則是專為設(shè)計(jì)師打造的協(xié)作工具。除此之外，其他的功能還尚未公開。一些人認(rèn)為，這兩款應(yīng)用程序可能會(huì)充分借助 Google 的云平臺(tái)，但具體又如何呢，讓我們一起期待著它們正式發(fā)布的那天吧。

• 官網(wǎng)地址：https://material.io/stage/, https://material.io/gallery/

06. Framer

與其他專為設(shè)計(jì)師打造的原型設(shè)計(jì)工具不同，F(xiàn)ramer 采用了代碼形式（Coffeescript）進(jìn)行原型設(shè)計(jì)。在本文中所提到的所有原型工具中，自然它的學(xué)習(xí)曲線更為陡峭。在以前的版本中，設(shè)計(jì)人員必須手動(dòng)鍵入代碼，但 2016 年夏季發(fā)布的修訂版本中，它增加了自動(dòng)編寫代碼功能。

• 官網(wǎng)地址：https://framerjs.com/
• 更多信息：https://blog.framerjs.com/
• 社區(qū)：https://www.facebook.com/groups/framerjs/

07. ProtoPie

ProtoPie 讓無(wú)需編碼創(chuàng)建微交互原型成為了可能。而其他的工具，則需要設(shè)計(jì)師們從編程的角度上進(jìn)行原型框架的設(shè)計(jì)。目前 ProtoPie 已成為了設(shè)計(jì)師的專屬工具，你能夠以設(shè)計(jì)師的角度來(lái)重新詮釋交互。而 ProtoPie 制作的原型，不僅能在移動(dòng)端屏幕上預(yù)覽原型的效果，你還能夠通過(guò)手勢(shì)測(cè)試，使用傳感器以及設(shè)備間的通信，創(chuàng)建應(yīng)用在真實(shí)環(huán)境中適合大多數(shù)智能設(shè)備的原型功能。

在已發(fā)布的新版本中，ProtoPie 還能夠?qū)崿F(xiàn)條件交互， 而目前 Windows 版本的開發(fā)也在有條不紊的進(jìn)行中。

• 官網(wǎng)地址：https://www.protopie.io/
• 更多信息：https://blog.protopie.io/
• 社區(qū)：https://www.facebook.com/protopie/

在不久的將來(lái)，新興的設(shè)計(jì)工具會(huì)如雨后春筍般蓬勃而生。那么，在新的一年里，你是選擇固步自封，還是打算了解、掌握新的工具來(lái)提高生產(chǎn)力呢？這真是個(gè)值得思考的問題。希望本文所提到的這些工具將會(huì)讓你邁出全新的一步。

感謝你的閱讀。覺得文章不錯(cuò)，不妨點(diǎn)贊或分享本文，謝謝！

注：本文版權(quán)歸原作者所有，僅用于學(xué)習(xí)與交流。

原文地址：The most promising design tools you should try in 2017

原文作者：Ji Hong Kim

譯者：IT程序獅，微信公眾號(hào)【IT程序獅】

本文由 @IT程序獅 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。