2017 年你應該嘗試的七個最有前景的設計工具

隨着新工具的發佈，現有工具版本的更新迭代，2016 年顯然是設計類工具蓬勃發展的一年。在本文中，我挑選了一些在 2017 年值得咱們關注的設計工具。這些工具在設計工具類的社區中都擁有着大量的人氣，因此挑選出來與你們一同分享。

Have Fun！

01. Figma

隨着 Sketch 愈來愈流行，基於矢量的繪圖軟件也逐漸的成爲了主流。在擁有核心設計工具集的基礎上，Figma 突顯了其實時協做功能。就像程序員能夠將本身的代碼實時添加到項目中同樣，Figma 容許多名設計師遠程協同工做。

或許，你在想多名設計師在同一項目中是如何協同工做的呢？咱們假設一個場景：在會議中，團隊成員們在觀看同一個項目的進展狀況，並實時提供一些反饋對項目進行修改。針對上述場景，Figma 將會是你的不二之選。

• 官網地址：https://www.figma.com
• 更多信息：https://medium.com/figma-design
• 社區：https://www.facebook.com/figmadesign/

02. Adobe XD

一個不爲人知的事實是，長期以來 Adobe 公司一直進行着大量的原型設計軟件的開發工做。在 2012 年 Adobe 推出了 Edge Tools，但不幸的是，2015 年它便中止更新了。然而，2016 年 Adobe XD 的推出又讓它強勢迴歸。

Adobe XD 是一款矢量化的圖形設計應用程序，你能夠經過衆多的畫板來建立可點擊交互的原型。一些用戶說，XD 效仿了 Sketch。而極可能 Adobe 將繼續改進 XD，並在其餘 Adobe 軟件之間創建更強的鏈接。此外，與 Sketch （Mac OS X 專用）不一樣，XD 也可在 Windows 上使用。

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

03. Sketch & 插件

2016 年 11 月 Sketch 41 版本正式發佈，此版本展現了各類全新功能，如嵌套元件複用。

設計師們所提到的 Sketch，一般是指 Sketch 與其相關的插件，例如 Measure、Content Generator 和 Icon Stamper 等插件，它們都有助於提升設計師的生產力。在 2017 年，讓咱們期盼着 Sketch 將迎來更優秀的版本以及更豐富的插件吧。

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

04. Zeplin

Sketch 中最流行的插件非 Zeplin 莫屬了。它可以幫助開發人員輕鬆的識別設計圖上 UI 圖層的規格。此外，你能夠直接在畫板上進行標註，或者經過 Zeplin 直接下載開發時必備的資源。在 Zeplin 的幫助下，設計師沒必要單獨的繪製 UI 規範，而開發人員也不用再追着設計師詢問設計規範，或是爲遺忘提供的資源而煩惱了。

• 官網地址：https://zeplin.io
• 更多信息：https://medium.com/zeplin-gazette
• 社區：https://www.facebook.com/zeplin.io/

05. Stage & Gallery

繼 Google 收購了 Pixate 和 Form 後，這兩大軟件開發團隊正共同打造一些嶄新的設計工具。Stage 是一個交互原型工具，而 Gallery 則是專爲設計師打造的協做工具。除此以外，其餘的功能還還沒有公開。一些人認爲，這兩款應用程序可能會充分藉助 Google 的雲平臺，但具體又如何呢，讓咱們一塊兒期待着它們正式發佈的那天吧。

官網地址：https://material.io/stage/, https://material.io/gallery/

06. Framer

與其餘專爲設計師打造的原型設計工具不一樣，Framer 採用了代碼形式（Coffeescript）進行原型設計。在本文中所提到的全部原型工具中，天然它的學習曲線更爲陡峭。在之前的版本中，設計人員必須手動鍵入代碼，但 2016 年夏季發佈的修訂版本中，它增長了自動編寫代碼功能。

• 官網地址：https://framerjs.com/
• 更多信息：https://blog.framerjs.com/
• 社區：https://www.facebook.com/groups/framerjs/

07. ProtoPie

ProtoPie 讓無需編碼建立微交互原型成爲了可能。而其餘的工具，則須要設計師們從編程的角度上進行原型框架的設計。目前 ProtoPie 已成爲了設計師的專屬工具，你可以以設計師的角度來從新詮釋交互。而 ProtoPie 製做的原型，不只能在移動端屏幕上預覽原型的效果，你還可以經過手勢測試，使用傳感器以及設備間的通訊，建立應用在真實環境中適合大多數智能設備的原型功能。

在已發佈的新版本中，ProtoPie 還可以實現條件交互， 而目前 Windows 版本的開發也在有條不紊的進行中。

• 官網地址：https://www.protopie.io/
• 更多信息：https://blog.protopie.io/
• 社區：https://www.facebook.com/protopie/

在不久的未來，新興的設計工具會如雨後春筍般蓬勃而生。那麼，在新的一年裏，你是選擇固步自封，仍是打算了解、掌握新的工具來提升生產力呢？這真是個值得思考的問題。但願本文所提到的這些工具將會讓你邁出全新的一步。

感謝你的閱讀。

注：

1. 本文版權歸原做者全部，僅用於學習與交流。
2. 如需轉載譯文，煩請按下方註明出處信息，謝謝！

英文原文：The most promising design tools you should try in 2017
做者：Ji Hong Kim
譯者：IT程序獅
譯文地址：http://www.jianshu.com/p/0c14bb3b4132