原型設(shè)計工具的應(yīng)用場景包括產(chǎn)品展示、產(chǎn)品需求規(guī)劃和抽象到具體呈現(xiàn)，那么如何根據(jù)應(yīng)用場景選擇合適的原型工具呢？不用說，本文列出了常用的原型設(shè)計工具，看看你最想選擇哪一個！

即時設(shè)計

即時設(shè)計是國內(nèi)一款專業(yè)級的 UI 設(shè)計工具，像 PC 端的網(wǎng)頁，移動端的 App、小程序頁面，都可以通過即時設(shè)計高效完成?，F(xiàn)在，也有越來越多的設(shè)計師，用即時設(shè)計進行插畫、海報、banner 等視覺類設(shè)計工作。

復(fù)制鏈接到瀏覽器：js.design/?source=bz&plan=ysbz10131

原型」功能也已經(jīng)足夠完善，豐富的交互事件配合智能動畫，讓設(shè)計師能夠非?？焖俚貙崿F(xiàn)各種超棒的交互動效，模擬真實效果~

復(fù)制鏈接到瀏覽器：js.design/?source=bz&plan=ysbz10131

不管是用來測試自己的 idea，還是用來給客戶演示，讓開發(fā)了解實現(xiàn)效果，一份可交互的高保真設(shè)計稿都比語言和想象來的更加直觀有力！

AdobeXD

Adobexd是一種強大的矢量工具，用于協(xié)作設(shè)計和原型制作?？梢允褂脙煞N模式：設(shè)計模式和原型模式。在設(shè)計模式下，可以創(chuàng)建靜態(tài)設(shè)計，并在畫板中添加各種元素。畫板代表不同的應(yīng)用程序屏幕或網(wǎng)站頁面。

缺點：

AdobeXD需要將外部插件和服務(wù)集成到應(yīng)用程序中，而且可供選擇的插件庫并不多。

本地文件需要通過計算機設(shè)備上傳到云端進行協(xié)作。

協(xié)作緩慢，容易造成項目過于復(fù)雜和混亂。

本地文件必須同步到CreativeCloud才能共享。

Figma

Figma是一種集成的設(shè)計工具，可以處理從線框圖、原型設(shè)計和UI設(shè)計到協(xié)作、設(shè)計系統(tǒng)管理和開發(fā)人員轉(zhuǎn)移的所有工作。Figma具有用戶友好的界面，可以將靜態(tài)設(shè)計文件轉(zhuǎn)換為交互式原型，無需任何編碼知識。

缺點：

受網(wǎng)絡(luò)影響較大。使用Figma需要科學(xué)上網(wǎng)，不能斷網(wǎng)工作，同步合作受網(wǎng)絡(luò)影響。

無中文語言環(huán)境是Figma深受國內(nèi)設(shè)計師詬病的痛點，增加了無形的學(xué)習(xí)成本。

沒有客服及時反饋。如果用戶在體驗過程中存在問題或問題，很難得到反饋和解決方案。

Sketch

Sketch用于創(chuàng)建靜態(tài)設(shè)計和原型，以及開發(fā)人員的轉(zhuǎn)移。使用Sketch靈活的矢量編輯工具可以在畫布中創(chuàng)建靜態(tài)設(shè)計，然后使用原型制作功能預(yù)覽設(shè)計，并通過動畫交互在畫板之間導(dǎo)航。

缺點：

Sketch最大的缺點就是對Windows/PC用戶不友好。

在Sketch上安裝其他插件，以獲得更多的響應(yīng)設(shè)計工具。

FluidUI

FluidUI是一種具有廣泛組件庫、簡單動畫和實時合作的快速原型設(shè)計工具。流暢的用戶界面一目了然，可以快速設(shè)計低保真和高保真原型，實時協(xié)作和反饋。

缺點：

FluidUI響應(yīng)的結(jié)果是不可預(yù)測的，用戶會對頁面有不同的體驗。

ProtoPie

Protopie是一種靈活而強大的原型制作工具，特別適合初學(xué)者，因為它很容易學(xué)習(xí)和使用。它只專注于原型設(shè)計，因此需要從其他工具中引入靜態(tài)設(shè)計。導(dǎo)入線框后，可通過添加觸發(fā)器、響應(yīng)器和對象將其變成交互式原型。

缺點：

制作多頁復(fù)雜的流程會有點麻煩。

ProtoPie參數(shù)化，不能在軟件中直接實時調(diào)整曲線，而需要數(shù)值。

不支持整體導(dǎo)入，只能選擇畫布導(dǎo)入。

跳轉(zhuǎn)節(jié)點需要單獨記住輸入的時間節(jié)點。

ProtoPie目前版本不支持GIF的導(dǎo)出。

Proto.io

Proto.io是一種基于瀏覽器的原型設(shè)計工具，具有直觀的拖放界面和數(shù)百個現(xiàn)成的模板和組件。它可以快速組合基本的低保真原型，然后轉(zhuǎn)換為更逼真的高保真原型。

缺點：

需要付費。

沒有即時預(yù)覽，如果添加大量交互，動態(tài)效果會變慢。

Protototo原型保存.在io的網(wǎng)絡(luò)平臺上，如果取消賬號，則不能再運行原型。

3D動效無法實現(xiàn)

UXPin

UXPin界面與Sketch和Photoshop非常相似:中間是空白畫布，然后是左右兩側(cè)的各種工具、形狀和圖標(biāo)庫。如果從零開始設(shè)計，可以使用鋼筆工具和形狀添加基本的UI元素

缺點：

不支持手機真機測試，支持瀏覽器測試。

操作頁面比較復(fù)雜，新手熟悉軟件需要很長時間。

Marvel

Marvel是設(shè)計師的快速原型設(shè)計、測試和交付工具。為了使用Marvel制作原型，可以導(dǎo)入其他地方創(chuàng)建的現(xiàn)有靜態(tài)設(shè)計，也可以使用預(yù)制元素和圖標(biāo)從零開始創(chuàng)建線框。

缺點：

靜態(tài)頁面設(shè)計需要使用其他工具。

價格偏貴，全英語語言環(huán)境。

Framer

Framer是一種免費的網(wǎng)站原型制作工具，非常適合快速創(chuàng)建逼真的高保真設(shè)計和動畫?？捎糜诰€框圖、原型設(shè)計、UI設(shè)計、用戶測試和合作，可在幾分鐘內(nèi)創(chuàng)建和測試基于代碼的高保真交互原型。

缺點：

需要熟悉或了解Coffescrip或JavaScript進行交互和動畫制作。