隨著(zhù)設計領(lǐng)域的款專(zhuān)細分以及用戶(hù)群體(╯°□°)╯的發(fā)展，各類(lèi)設計工具開(kāi)始涌現，為設這些新興工具分別針對不同的計(′?_?`)師具清使用??情景和需求，讓產(chǎn)品的打造的熱單設計、運ヽ(′ー｀)ノ營(yíng)甚至靈感的門(mén)工(′▽?zhuān)?)獲取都更為順暢、系統地完成?？顚?zhuān)然而要找到一款最適合的為設工具也并非易事。在這里(′ω｀*)，計師具清我們整理了10款專(zhuān)為UX/UI設計師打??造的打造的熱單熱門(mén)工具，它們能有效地幫助你制作交互原型、門(mén)工網(wǎng)頁(yè)設計，款專(zhuān)并提供收集、為設管理設計素材的計師具清便利。

Mockplus是一款支持全平臺的快速原型設計工具，滿(mǎn)足包括手機項目、平板項目、網(wǎng)友項目??、桌面項目、??自定義項目及自由項目的原┐(′д｀)┌型設計需求。它以“更快、更簡(jiǎn)單”的特點(diǎn)在國內甚至國際原型市場(chǎng)中占有一席之地。最近3.0版本中發(fā)布的團隊協(xié)作功能，更是大大提高了團隊溝通默契和效率。此外，高度封裝的智能交互組件、完全可視化的交互設計，在同類(lèi)原型工具中也是獨有的。

官網(wǎng)地址：

更多信息：

F??igma可以說(shuō)是一款新興??的(de)協(xié)作式界面設計工具，它的界面布局和Sketch幾乎一樣。這款工具以云端為基礎，允許多人同時(shí)合??作一個(gè)項目，設計稿會(huì )根據評論及修改進(jìn)行實(shí)時(shí)更新。美中不足的是，這款工具對??中文的支持不太好，經(jīng)常(chang)出現字體無(wú)法識別(實(shí)際已安裝)的情況。免費版ヾ(′▽?zhuān)??本中，只能創(chuàng )建3個(gè)項目，最多支持查看30天內的歷史版本。

官網(wǎng)地址：

更多信息??：

與(????)其他原型設計工具(ju)有所不同，Fr(′?｀)amer允許用戶(hù)以編代碼的形式?(Coff??eescript-精簡(jiǎn)版的JavaScript)進(jìn)行設計，對于大多數設計師來(lái)講，上手難度和學(xué)習曲線(xiàn)相當高。盡管Framer憑借其強大的交互和動(dòng)畫(huà)優(yōu)勢逐漸在原型設計領(lǐng)域有一定熱度，但所有設計只能通過(guò)代碼才能實(shí)現這點(diǎn)，讓它注定更受程序員的歡迎。

官網(wǎng)地址：

更多信息：

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

Sketch想必大家并不陌生了，另外兩(′?ω?`)款被大家所熟知的矢量繪圖軟件還有Photosh(′▽?zhuān)?)op和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關(guān)的插件，比如ContentGenerator、Icon Stamper、Measure等等。不過(guò)，它(′?ω?`)只支持基于制作好(′ω｀)的UI視覺(jué)圖進(jìn)行交互，而且只有MAC版本，對于Windows用戶(hù)來(lái)講不太友好。

更多信息：

5. Protopie-新興(′?｀)原型工具

Prot( ?ω?)opie這款交互工具最近比較火，它是來(lái)自韓國的創(chuàng )業(yè)(ye)團隊產(chǎn)品，可以通過(guò)不同模塊組成一個(gè)完整的交互原型，使用時(shí)無(wú)需編碼且以可視化的??(′?｀*)方式進(jìn)行設計。不過(guò)，它比較大的缺點(diǎn)在于目前不支(T_T)持電腦預覽、文字輸入、Web端網(wǎng)頁(yè)制作和導出。

官網(wǎng)地址：

更(′?ω?`)多信息：

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

Pidoco是一個(gè)基于網(wǎng)頁(yè)和云端的在線(xiàn)原型圖、線(xiàn)框圖制作工具，可以在瀏覽器、iOS??、Android設備上實(shí)時(shí)(shi)演示原型。但它的不足之處在于，沒(méi)有密碼保護，而且內置的組件模板十分有限。

官網(wǎng)地址：

更多信息：

7. Webflow- 在線(xiàn)響應式網(wǎng)頁(yè)設計工具

Webflow是試圖幫助那些對編程??毫無(wú)概念的設計師更好地制作網(wǎng)頁(yè)設計的平臺，一直以“傻瓜式”著(zhù)稱(chēng)。它提供的模板可以在三種設備(桌面設備、平板和智能手機)上實(shí)現響應式效果。但免費版本會(huì )限?制某些功能，且在注冊之前看不到控制面板。

官網(wǎng)地址：

更多信息：

8. Atomic-給予瀏覽器的Web應用程序

這是一款擁有漂亮的用戶(hù)界面和(he)直觀(guān)的時(shí)間軸的設計工具，需要GoogleChrome來(lái)運行，沒(méi)(′▽?zhuān)?有桌面應用程序。對于iOS設計人員，這款工具推出了帶有iOS設計元素的套件，比較方便。

官網(wǎng)地址：

更多信息：

9. Blocs-MAC網(wǎng)頁(yè)代碼編輯器

Blocs是一款針對Mac的視覺(jué)網(wǎng)頁(yè)設計工具，(′▽?zhuān)?)提供Retina視網(wǎng)膜支持，可離線(xiàn)工作，且支持創(chuàng )??建靜態(tài)的網(wǎng)頁(yè)。

官網(wǎng)地址：

更多信息：

10. IconFinder

這是一個(gè)Icon素材站點(diǎn)，通過(guò)關(guān)鍵字進(jìn)行搜索，同時(shí)根據需求(圖標格式、價(jià)格、許可類(lèi)型、圖標尺寸等要素)來(lái)選擇喜歡的圖標。它宣稱(chēng)是目前世界上最大、最全的圖標資源庫網(wǎng)站。

官網(wǎng)地址：

更多信息：

寫(xiě)在最后的話(huà)

以上就是推薦給設計師的熱門(mén)工具清單，希望對你有??所幫助。筆者相信，好的工具一定是在具備強大功能的同時(shí)，又能讓設計者專(zhuān)注于設計本身、不為工具所累，??這其中最有發(fā)言權的便是Mockplus。反(fan)正我已經(jīng)入坑了，你不也來(lái)試試?