隨著設計領域的細分以及用戶群體的發展，各類設計工具開始涌現，這些新興工具別離針對差別的使用情景和需求，讓產品的設計、運營甚至靈感的獲取都更為順暢、系統地完成。然而要找到一款最適合的工具也并非易事。在這里，我們整理了 10 款專為UX/UI設計師打造的熱門工具，它們能有效地幫手你制作交互原型、網頁設計，并提供收集、辦理設計素材的便當。

1.  Mockplus-全平臺“更快、更簡單”的原型設計工具

Mockplus是一款支持全平臺的快速原型設計工具，滿足包孕手機項目、平板項目、網友項目、桌面項目、自定義項目及自由項目的原型設計需求。它以“更快、更簡單”的特點在國內甚至國際原型市場中占有一席之地。比來3. 0 版本中發布的團隊協作功能，更是大大提高了團隊溝通默契和效率。此外，高度封裝的智能交互組件、完全可視化的交互設計，在同類原型工具中也是獨有的。

官網地址：

更多信息：https://www.mockplus.cn/blog

2. Figma-協作式界面設計工具

Figma可以說是一款新興的協作式界面設計工具，它的界面布局和Sketch幾乎一樣。這款工具以云端為基礎，允許多人同時合作一個項目，設計稿會按照評論及修改進行實時更新。美中不足的是，這款工具對中文的支持不太好，經常出現字體無法識別(實際已安置)的情況。免費版本中，只能創建 3 個項目，最多支持查看 30 天內的歷史版本。

官網地址：https://www.figma.com/

更多信息：https://www.facebook.com/figmadesign/

3. Framer-開源型原型工具

與其他原型設計工具有所差別，Framer允許用戶以編代碼的形式(Coffeescript-精簡版的JavaScript)進行設計，對于大多數設計師來講，上手難度和學習曲線相當高。盡管Framer憑借其強大的交互和動畫優勢逐漸在原型設計領域有必然熱度，但所有設計只能通過代碼才能實現這點，讓它注定更受程序員的歡迎。 

官網地址：https://framer.com/

更多信息：https://blog.framerjs.com/

4. Sketch及插件-矢量繪圖軟件

Sketch想必大家并不陌生了，別的兩款被大家所熟知的矢量繪圖軟件還有Photoshop和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關的插件，好比ContentGenerator、Icon Stamper、Measure等等。不過，它只支持基于制作好的UI視覺圖進行交互，并且只有MAC版本，對于Windows用戶來講不太友好。

官網地址：https://www.sketchapp.com/

更多信息：https://www.sketchapp.com/extensions/

5. Protopie-新興原型工具

Protopie這款交互工具比來比較火，它是來自韓國的創業團隊產品，可以通過差別模塊組成一個完整的交互原型，使用時無需編碼且以可視化的方式進行設計。不過，它比較大的缺點在于目前不支持電腦預覽、文字輸入、Web端網頁制作和導出。

官網地址：https://www.protopie.io/

更多信息：https://www.facebook.com/protopie/

6. Pidoco-基于Web的原型設計軟件

Pidoco是一個基于網頁和云端的在線原型圖、線框圖制作工具，可以在瀏覽器、iOS、Android設備上實時演示原型。但它的不足之處在于，沒有密碼掩護，并且內置的組件模板十分有限。

官網地址：https://pidoco.com/en

更多信息：https://pidoco.com/en/company/press

7. Webflow- 在線響應式網頁設計工具

標簽：烏魯木齊 林芝 鹽城 東營 九江