每一個(gè)產(chǎn)品的誕生都離不開(kāi)一個(gè)優(yōu)秀的產(chǎn)品經(jīng)理，每一個(gè)優(yōu)秀的產(chǎn)品經(jīng)理都離不開(kāi)一個(gè)原型圖軟件。

一款好用的產(chǎn)品原型圖軟件，可以讓產(chǎn)品經(jīng)理在繪制原型圖時(shí)事半功倍。

本文總結(jié)了9款產(chǎn)品經(jīng)理常用的產(chǎn)品原型圖軟件。如果你是產(chǎn)品經(jīng)理小白，趕緊收藏。

1.即時(shí)設(shè)計(jì)

即時(shí)設(shè)計(jì)平臺(tái)是一款可在線使用的「專(zhuān)業(yè)UI設(shè)計(jì)工具」，為設(shè)計(jì)師提供更加本土化的功能和服務(wù)，相較于其他傳統(tǒng)設(shè)計(jì)工具，更注重云端文件管理、團(tuán)隊(duì)協(xié)作，并將設(shè)計(jì)工具與更多平臺(tái)整合，一站搞定全流程工作。

即時(shí)設(shè)計(jì)的「原型」功能也已經(jīng)足夠完善，豐富的交互事件配合智能動(dòng)畫(huà)，讓設(shè)計(jì)師能夠非常快速地實(shí)現(xiàn)各種超棒的交互動(dòng)效，在 PC 端實(shí)時(shí)預(yù)覽和模擬真實(shí)效果~

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

同時(shí)還有更符合國(guó)內(nèi)用戶(hù)習(xí)慣的 iOS 和 Android 端 App 與微信小程序，不僅可以滿足用戶(hù)通過(guò)手機(jī)實(shí)時(shí)預(yù)覽設(shè)計(jì)效果的需求，也支持文件管理和打點(diǎn)評(píng)論，讓項(xiàng)目評(píng)審可以直接在手機(jī)上完成，實(shí)現(xiàn)移動(dòng)辦公~

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

2.Figma

Figma是一款基于瀏覽器運(yùn)行的產(chǎn)品原型圖軟件，集成了所有功能。Figma內(nèi)置處理線框繪制、原型設(shè)計(jì)和UI設(shè)計(jì)到協(xié)作、設(shè)計(jì)系統(tǒng)管理和開(kāi)發(fā)人員切換的處理方案。此外，F(xiàn)igma適用于iOS和Android，可以在移動(dòng)設(shè)備上查看產(chǎn)品原型圖，方便方便，深受眾多產(chǎn)品經(jīng)理的喜愛(ài)。

缺點(diǎn)

價(jià)格昂貴：專(zhuān)業(yè)版-12美元/月；組織版-45美元/月。

占用內(nèi)存：Figma在執(zhí)行任何時(shí)候，都不穩(wěn)定，占用增加內(nèi)存空間。

3.AdobeXD

Adobexd是一款強(qiáng)大的基于矢量的產(chǎn)品原型圖軟件，用于協(xié)作設(shè)計(jì)和原型設(shè)計(jì)。因此，Adobexd開(kāi)設(shè)了設(shè)計(jì)模式和原型模式，不僅適合設(shè)計(jì)師，也適合產(chǎn)品經(jīng)理的需求。同時(shí)，可以在設(shè)計(jì)模式和原型模式之間切換，保證原型圖達(dá)到前所未有的保真狀態(tài)。

缺點(diǎn)

無(wú)插件無(wú)法獲得CSS。

每月使用Adobexd需要單獨(dú)收費(fèi)9.99美元。

4.Sketch

產(chǎn)品原型圖軟件Sketch與Adobexd非常相似。它也是一個(gè)集所有功能于一體的數(shù)字設(shè)計(jì)平臺(tái)，可用于創(chuàng)建靜態(tài)設(shè)計(jì)和原型設(shè)計(jì)。但Sketch和Adobexd的區(qū)別在于，它可以快速輸出1倍、2倍甚至自定義尺寸的切割圖，也可以智能標(biāo)記任何元素。

缺點(diǎn)

工具很重，必須在臺(tái)式機(jī)Mac上運(yùn)行。

需要安裝插件才能獲得響應(yīng)設(shè)計(jì)工具。

版本迭代快，不同版本兼容性差。

5.Framer

Framer是最基本的布局工具，是一種可以包含界面和設(shè)計(jì)元素的產(chǎn)品原型圖軟件。目前，F(xiàn)ramerx和Figma都采用這種方法。Framer是一個(gè)通用的容器，也扮演著Artboard的角色。與Sketch的Artboard不同，F(xiàn)ramer支持無(wú)限嵌套，其優(yōu)點(diǎn)是在繪制圖標(biāo)等元素時(shí)，它可以有一個(gè)Boundingbox來(lái)固定高寬統(tǒng)一的尺寸，這比Sketch要好。

缺點(diǎn)

操作和使用需要熟悉Coffee和Java。

資源社區(qū)較小。

操作速度較慢。

6.ProtoPie

產(chǎn)品原型圖軟件Protopie應(yīng)用廣泛。它可以幫助我們實(shí)現(xiàn)它，無(wú)論是使用它來(lái)制作原型，還是在產(chǎn)品開(kāi)發(fā)過(guò)程中依靠它來(lái)進(jìn)行用戶(hù)研究和團(tuán)隊(duì)溝通。此外，產(chǎn)品原型圖軟件Protopie不僅直觀地提供了清晰的交互生產(chǎn)邏輯，還可以在零代碼的情況下制作許多復(fù)雜而酷的交互產(chǎn)品。

缺點(diǎn)

目前不支持電腦預(yù)覽。

暫時(shí)不支持web端網(wǎng)頁(yè)的制作和導(dǎo)出。

暫時(shí)不支持文本輸入。

7.Proto.io

對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，Proto.io也是一款不錯(cuò)的產(chǎn)品原型圖軟件，是一款基于瀏覽器的原型設(shè)計(jì)軟件，具有直觀的拖放界面和數(shù)百個(gè)現(xiàn)成的模板和組件，辦公效率和產(chǎn)品原型圖軟件即時(shí)設(shè)計(jì)一樣高效。

缺點(diǎn)

硬件要求高，外部材料不宜過(guò)多，否則容易導(dǎo)致操作過(guò)卡。

選項(xiàng)太多，很容易找不到interactions。

8.Marvel

Marvel是一種面向數(shù)字設(shè)計(jì)師和產(chǎn)品經(jīng)理的快速原型制作、測(cè)試和交接工具，因此受諾基亞、Monzo、buzzfeed、deliveroo等公司都喜歡。同時(shí)，產(chǎn)品原型圖軟件Marvel不需要任何額外的組件或擴(kuò)展，完全基于云計(jì)算，可以快速與其他設(shè)計(jì)團(tuán)隊(duì)成員或客戶(hù)共享線框進(jìn)行實(shí)時(shí)溝通。

缺點(diǎn)

只有7天免費(fèi)試用。

9.UXPin

UXPin是一款著名的設(shè)計(jì)web產(chǎn)品原型圖軟件。用戶(hù)可以利用產(chǎn)品原型圖軟件UXPin在線合作完成線框圖和原型的設(shè)計(jì)。產(chǎn)品原型圖軟件UXPin旨在幫助設(shè)計(jì)師快速方便地進(jìn)行線框圖和原型設(shè)計(jì)，擁有完整的版本管理，支持響應(yīng)設(shè)計(jì)，通過(guò)拖動(dòng)預(yù)制控制進(jìn)行UI設(shè)計(jì)。

缺點(diǎn)

無(wú)免費(fèi)版，只提供14天的免費(fèi)試用期。