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

Have Fun！

01. Figma

隨著 Sketch 越來越流行，基於向量的繪圖軟體也逐漸的成為了主流。在擁有核心設計工具集的基礎上，Figma 突顯了其實時協作功能。就像程式設計師可以將自己的程式碼實時新增到專案中一樣，Figma 允許多名設計師遠端協同工作。

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

官網地址：

https：//www。

figma。com/

更多資訊：

https：//

medium。com/figma-design

社群：

https：//www。

facebook。com/figmadesig

n/

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/expe

rience-design。html

更多資訊：

https：//

blogs。adobe。com/creativ

ecloud/tag/xd-product-updates/

社群：

https：//www。

facebook。com/AdobeExper

ienceDesign/

03. Sketch & 外掛

2016 年 11 月 Sketch 41 版本正式釋出，此版本展示了各種全新功能，如巢狀元件複用。

設計師們所提到的 Sketch，通常是指 Sketch 與其相關的外掛，例如 Measure、Content Generator 和 Icon Stamper 等外掛，它們都有助於提高設計師的生產力。在 2017 年，讓我們期盼著 Sketch 將迎來更優秀的版本以及更豐富的外掛吧。

官網地址：

https：//www。

sketchapp。com/

外掛：

https：//

speckyboy。com/plugins-s

ketch-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-gazet

te

社群：

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 年夏季釋出的修訂版本中，它增加了自動編寫程式碼功能。

官網地址：Design everything with code

更多資訊：

https：//

blog。framerjs。com/

社群：

https：//www。

facebook。com/groups/fra

merjs/

07. ProtoPie

ProtoPie 讓無需編碼建立微互動原型成為了可能。而其他的工具，則需要設計師們從程式設計的角度上進行原型框架的設計。目前 ProtoPie 已成為了設計師的專屬工具，你能夠以設計師的角度來重新詮釋互動。而 ProtoPie 製作的原型，不僅能在移動端螢幕上預覽原型的效果，你還能夠透過手勢測試，使用感測器以及裝置間的通訊，建立應用在真實環境中適合大多數智慧裝置的原型功能。

在已釋出的新版本中，ProtoPie 還能夠實現條件互動， 而目前 Windows 版本的開發也在有條不紊的進行中。

官網地址：

https：//www。

protopie。io/

更多資訊：

https：//

blog。protopie。io/

社群：

https：//www。

facebook。com/protopie/

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

感謝你的閱讀。

注：

本文版權歸原作者所有，僅用於學習與交流。

如需轉載譯文，煩請按下方註明出處資訊，謝謝！

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

作者：Ji Hong Kim

譯者：IT程式獅

譯文地址：

http：//www。

jianshu。com/p/0c14bb3b4

132