新神器搶先知！2017年最值得嘗試的7個設計工具

今天我挑選了一些2017 年值得我們關注的設計工具。這些工具在設計工具類的社區中都擁有著大量的人氣，所以挑選出來與大家一同分享。

Have Fun！

01. Figma

△ ?Figma

隨著 Sketch 越來越流行，基于矢量的繪圖軟件也逐漸的成為了主流。在擁有核心設計工具集的基礎上，Figma 突顯了其實時協作功能。就像程序員可以將自己的代碼實時添加到項目中一樣，Figma 允許多名設計師遠程協同工作。

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

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

02. Adobe XD

△ ?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 & 插件

△ ?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

△ ?Zeplin

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

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

05. Stage & Gallery

△ ?Stage & Gallery

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

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

06. Framer

△ ?Framer

與其他專為設計師打造的原型設計工具不同，Framer 采用了代碼形式（Coffeescript）進行原型設計。在本文中所提到的所有原型工具中，自然它的學習曲線更為陡峭。在以前的版本中，設計人員必須手動鍵入代碼，但 2016 年夏季發布的修訂版本中，它增加了自動編寫代碼功能。

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

07. ProtoPie

△ ?ProtoPie

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

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

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

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

最全面的設計風格：《沒靈感？這里是最全的15個設計風格總結！》

趨勢系列：

1. UX設計丨《2017年即將流行的9大UX設計趨勢》
2. 前端技術丨《騰訊工程師：2017年前端領域可能迎來的6個發展趨勢》
3. UI設計丨《趨勢丨8個你需要知道的2017年UI設計流行趨勢》
4. 硅谷設計師的預言丨《2017年，這五條設計趨勢將驚艷整個設計圈》
5. 為什么你不適合看趨勢文丨《自學丨從零基礎新手到高級UI/UX設計師的階段心路分享》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量190萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com