測(cè)評(píng)市面上那些火熱的AI一鍵生成高保真原型的平臺(tái),到底哪個(gè)好用?

0 評(píng)論 2993 瀏覽 3 收藏 13 分鐘

一邊是“無需設(shè)計(jì)師也能出圖”的AI原型神器橫空出世,一邊是產(chǎn)品經(jīng)理們?cè)谡嫦闩c踩坑之間反復(fù)橫跳。面對(duì)市面上越來越多主打“高保真一鍵生成”的AI建模平臺(tái),到底誰才是真正好用、值得投入的那一個(gè)?

AI畫原型圖真的能一鍵搞定?最近體驗(yàn)了一些當(dāng)下熱門的5款A(yù)I生成高保真原型的工具,這些工具都可以通過文字簡(jiǎn)單的描述,即可生成帶有交互的高保真的原型圖。

那今天我們就來測(cè)評(píng)一下,這些平臺(tái)生成的效果怎么樣?到底好不好用?

一、測(cè)評(píng)軟件介紹

1.墨刀

Slogan:“適合產(chǎn)品經(jīng)理的原型設(shè)計(jì)及協(xié)作平臺(tái)”。

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

Slogan:“同時(shí)創(chuàng)造,即時(shí)設(shè)計(jì)”

3.莫高設(shè)計(jì)(MasterGo)和Readdy.AI

Slogan:“AI時(shí)代的數(shù)字界面生產(chǎn)平臺(tái)”

4.UXbot

Slogan:“想象,即設(shè)計(jì)!”

5.Uizard

Slogan:“AI驅(qū)動(dòng)的極簡(jiǎn)設(shè)計(jì)工具”

二、產(chǎn)品功能

1.墨刀

墨刀里面AI的功能主要有生成原型頁面、生成組件、其他AI生成(生成流程圖、生成思維導(dǎo)圖、生成表格、生成圖表)、AI指令、desspseek智能問答、智能填充。

①生成原型頁面

我用它生成一個(gè)軟件和網(wǎng)站,因?yàn)槟抖ㄎ痪褪窃凸ぞ撸珹I生成完可以直接對(duì)其進(jìn)行編輯,效果如下:

②生成組件

生成常用的組件,比如彈窗、進(jìn)度條、搜索、時(shí)間選擇等常用組件

2.莫高設(shè)計(jì)(MasterGo)和Readdy.AI

算是現(xiàn)在最火熱的原型設(shè)計(jì)工具了,它的AI也是工具里面的一個(gè)附屬功能,文字描述生成一個(gè)原型圖,并可對(duì)局部元素進(jìn)行二次AI生成,并且可以選擇用不同的前端語言繪制原型頁面,比如html、VUE等,生成后即可插入到畫布中,進(jìn)行相應(yīng)的編輯。

莫高設(shè)計(jì)(MasterGo)和Readdy.AI兩個(gè)功能界面完全一致,因?yàn)槎际撬{(lán)湖團(tuán)隊(duì)開發(fā)的,Readdy.AI主要是針對(duì)海外用戶,做了一些優(yōu)化,可以生成多個(gè)頁面,但是好像莫高設(shè)計(jì)(MasterGo)只能生成單個(gè)頁面。

而且Readdy.AI點(diǎn)擊到對(duì)應(yīng)的頁面元素,可以繼續(xù)生成其他或者二級(jí)頁面,而MasterGo卻沒有這個(gè)功能,這就很奇怪~~

3.即時(shí)設(shè)計(jì)和UXbot

即時(shí)設(shè)計(jì)它的AI生成的工具是獨(dú)立于它的設(shè)計(jì)工具的,是一個(gè)獨(dú)立的網(wǎng)站,用聊天框的形式,描述設(shè)計(jì)內(nèi)容,來進(jìn)行原型的生成,頁面生成之后點(diǎn)擊對(duì)應(yīng)的元素,可繼續(xù)進(jìn)行局部生成,直到達(dá)到自己想要效果。

UXbot主要功能就是文字生成原型,現(xiàn)在還在內(nèi)測(cè)中,還未正式上線。

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

UXbot

這個(gè)平臺(tái)功能也不復(fù)雜,通過文字描述,生成高保真原型,但是文生圖是一次性,生成不符合也不能修改,但是這個(gè)軟件,并不是直接生成界面,而是第一次先生成的類似工作流的方式,用戶可以對(duì)這些工作流進(jìn)行詳細(xì)的界面內(nèi)容修改和描述,確定之后,再次通過這些元素和描述生成界面和交互。

4.Uizard

這個(gè)是一個(gè)國外的原型繪制的工具,類似國外的墨刀,AI只是作為輔助,AI生成完后也可以直接對(duì)其局部進(jìn)行二次AI修改,生成完后可以直接對(duì)其進(jìn)行編輯。

三、總結(jié)

先說一下文生頁面原型的原理:

不是通過文字直接生成圖片,本質(zhì)是先用文字生成前端代碼,然后匹配相關(guān)的UI組件,最終形成高保真的頁面原型和交互。

從平臺(tái)可以選擇對(duì)應(yīng)的前端語言生成頁面就可以明顯的看出這個(gè)邏輯了。

我用一個(gè)表對(duì)比,讓大家更加清晰的看出這些平臺(tái)的能力差異(滿分5顆星):

看上圖,可以得出結(jié)論了,這個(gè)5個(gè)平臺(tái),AI生成頁面的效果,同樣的提示詞,MasterGo生成的效果最佳,相對(duì)符合用戶的需求,并且界面設(shè)計(jì)相對(duì)美觀友好,不愧是藍(lán)湖設(shè)計(jì)團(tuán)隊(duì)出來做的產(chǎn)品。

而且MasterGo可以直接轉(zhuǎn)換成代碼,或者導(dǎo)入到設(shè)計(jì)頁面中,對(duì)其進(jìn)一步進(jìn)行編輯和修改,這個(gè)也就是MasterGo作為設(shè)計(jì)工具的優(yōu)勢(shì)。

  • 墨刀是把這個(gè)AI生成頁面做成一個(gè)小功能,就一個(gè)輸入框,生成的就是一個(gè)沒有交互的原型圖,還不能二次AI生成,對(duì)長期使用墨刀的用戶我來說有點(diǎn)失望。
  • 即時(shí)設(shè)計(jì)并沒有像MasterGo一樣和自己的其他設(shè)計(jì)功能做融合,而是直接跳轉(zhuǎn)到了一個(gè)國外的網(wǎng)站,設(shè)計(jì)的效果,網(wǎng)站大部分像國外的風(fēng)格,極簡(jiǎn)風(fēng),效果還闊以,軟件不太行。
  • UXbot,亮點(diǎn)在于語言描述后先生成工作流,可對(duì)其工作流進(jìn)行詳細(xì)描述和編輯,最終再生成頁面和交互,生成的頁面界面邏輯問題有點(diǎn)多,設(shè)計(jì)感比MasterGo要差。
  • Uizard,可以理解為國外的MasterGo,定位是一個(gè)設(shè)計(jì)工具,AI只是輔助,和即時(shí)一樣,網(wǎng)站大部分像國外的風(fēng)格,極簡(jiǎn)風(fēng),效果還闊以,軟件不太行。

以上軟件,AI的那些功能都不是免費(fèi)的,并且都還不便宜,如果又想使用設(shè)計(jì)工具,又想體驗(yàn)AI生成高保真原型圖,就使用MasterGo,因?yàn)樵O(shè)計(jì)功能免費(fèi),AI每月免費(fèi)贈(zèng)送200積分。

但是說實(shí)話這些AI現(xiàn)在的能力我也就是體驗(yàn)一下,并不會(huì)真的用到工作中,因?yàn)椋?/p>

  1. 需要來回調(diào)整提示詞,出來的結(jié)果差異很大,不可控。
  2. 現(xiàn)在這些AI的功能都要錢了,盡管有一些免費(fèi)額度,但是不足以解渴。
  3. 當(dāng)涉及到具體的業(yè)務(wù)場(chǎng)景,AI并不能了解場(chǎng)景和用戶需求,輸出的原型和自己的預(yù)期差異很大。

所以,我理解AI只是一個(gè)輔助,還達(dá)不到生成出來的頁面不用用戶修改直接使用的地步,所以UXbot和即使設(shè)計(jì)的AI,作為一個(gè)獨(dú)立的平臺(tái)讓用戶使用,我覺得我是不會(huì)買單的,而且價(jià)格也不便宜。

墨刀、MasterGo這種本身原型設(shè)計(jì)工具做的就比較好的平臺(tái),有了AI的加持就很有優(yōu)勢(shì),對(duì)用戶也更具吸引力。

有個(gè)想法,關(guān)于這些的模型訓(xùn)練,可以把市面上的相關(guān)軟件、平臺(tái)都以切圖的方式喂給大模型,讓它了解這些軟件類型和風(fēng)格。

這樣在不久的將來,我們真的可以用一段文字描述生成出媲美高級(jí)設(shè)計(jì)師的高保真設(shè)計(jì)圖了??!

本文由人人都是產(chǎn)品經(jīng)理作者【晨陽產(chǎn)品筆記】,微信公眾號(hào):【晨陽產(chǎn)品筆記】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于cc0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!