近日，AI 時代的企業(yè)級產(chǎn)品設(shè)計平臺 MasterGo (莫高設(shè)計) 在 AI 生成 UI 技術(shù)上取得新進(jìn)展，旗下 MasterGo AI 實驗室發(fā)布了「AI 白板」工具，基于 AI Native 能力探索 UI 創(chuàng)作新范式。

「AI 白板」工具能夠識別手繪圖、原型圖及注釋等多種輸入，快速生成應(yīng)用雛形，設(shè)計開發(fā)一步到位，并且支持多種主流的前端框架，例如 Tailwind、React、Vue、Ant design 等。作為 MasterGo AI 實驗室前沿探索的最 新成果，「AI 白板」實現(xiàn)了利用 AI 直接將原型圖生成 HTML 真實界面，大大縮短了產(chǎn)品設(shè)計開發(fā)的流程，將為獨(dú)立開發(fā)者、初創(chuàng)公司、乃至中大型企業(yè)的數(shù)字產(chǎn)品創(chuàng)造過程加力提效。

首先，MasterGo AI 實驗室的「AI 白板」工具的核心價值在于其更加強(qiáng)大的 AI 智能識別和生成功能。無論是輸入原型圖及注釋，或者輸入腦圖、流程圖等，甚至拖入手繪稿，AI 都能夠清晰地理解交互邏輯，直接生成應(yīng)用雛形，設(shè)計師可以輕松駕馭 AI，專注于創(chuàng)意和設(shè)計的實現(xiàn)。

不僅如此，設(shè)計師和開發(fā)者還可以輸入更加豐富、清晰的指令，包括額外提示詞、多種前端組件等，AI 能夠直接生成真實代碼構(gòu)建的應(yīng)用雛形，還可以在畫布上實時預(yù)覽、操作真實的應(yīng)用界面，從而省去了繁瑣的編碼和反復(fù)調(diào)整過程。

更令人驚喜的是，「AI 白板」可以幫助用戶在已生成的應(yīng)用基礎(chǔ)上輕松進(jìn)行二次加工和修改，激發(fā)更多的創(chuàng)意和可能性。首先，「AI 白板」可以幫助實現(xiàn)應(yīng)用風(fēng)格的切換，設(shè)計師只需要將視覺參考拖入畫布，AI 能夠根據(jù)參考自由切換應(yīng)用風(fēng)格。AI 同時還支持響應(yīng)式布局，省去手動調(diào)試的麻煩，確保應(yīng)用適配各種設(shè)備和屏幕尺寸。此外，「AI 白板」支持查看代碼，如果需要調(diào)整應(yīng)用細(xì)節(jié)，可以更快地進(jìn)入開發(fā)流程。以上這些特性讓「AI 白板」在助力加速開發(fā)方面具有顯著優(yōu)勢。

過去，數(shù)字產(chǎn)品常見的開發(fā)流程是先由產(chǎn)品經(jīng)理撰寫產(chǎn)品需求文檔，然后由產(chǎn)品經(jīng)理或者交互設(shè)計師梳理出用戶的使用流程或原型界面，再將需求文檔、用戶流程圖、原型圖等內(nèi)容提交給 UI 設(shè)計師進(jìn)行界面的設(shè)計。UI 設(shè)計師將界面設(shè)計好，再由前端工程師將界面設(shè)計效果進(jìn)行還原，客戶端、后端、算法等多種研發(fā)工程師進(jìn)行開發(fā)，最后再進(jìn)入測試和上線流程。整個產(chǎn)品設(shè)計開發(fā)流程非常長，且涉及的人員多，需要反復(fù)修改和溝通。而 AI 技術(shù)可以在產(chǎn)品設(shè)計開發(fā)流程中輔助生產(chǎn)，例如產(chǎn)品經(jīng)理或者交互設(shè)計師可以利用 AI 生成界面，前端工程師只需要進(jìn)行檢查和修改，就可以完成界面設(shè)計效果還原，從而可以更快地進(jìn)入功能開發(fā)階段，大大加速了產(chǎn)品設(shè)計開發(fā)的全流程進(jìn)展。

MasterGo AI 實驗室的相關(guān)負(fù)責(zé)人表示：“UI 在產(chǎn)品的表達(dá)是利用圖像和代碼實現(xiàn)的，這正是 AI 技術(shù)最擅長的領(lǐng)域，但目前 AI 生成最 大的問題是可控性無法達(dá)到生產(chǎn)上的要求。MasterGo AI 實驗室在探索 AI 實踐的過程中發(fā)現(xiàn)，原型圖就如同 Stable Diffusion 的 Controlnet 一般，可以有效表達(dá)產(chǎn)品設(shè)計的意圖，并且讓 AI 理解 UI 所想表達(dá)的結(jié)構(gòu)，從而保證 AI 生成的內(nèi)容符合需求意圖。MasterGo AI 實驗室相信，相比單純的文字輸入，多模態(tài)的輸入更容易幫助 AI 理解和生成復(fù)雜的UI 和交互邏輯。”

MasterGo AI 實驗室的這一創(chuàng)新工具無疑為數(shù)字產(chǎn)品產(chǎn)研領(lǐng)域帶來了重大變革。通過「AI 白板」工具，設(shè)計師和開發(fā)者可以更有效地實現(xiàn)創(chuàng)意，縮短開發(fā)周期，提升產(chǎn)品質(zhì)量。這對于整個行業(yè)來說，無疑是一次巨大的推動。未來，MasterGo (莫高設(shè)計) 將繼續(xù)發(fā)揮其在 AI 技術(shù)應(yīng)用方面的優(yōu)勢，不斷推出更多具有影響力的 AI 創(chuàng)新產(chǎn)品和服務(wù)，為設(shè)計師和開發(fā)者提供更有效、更智能的工作體驗。

據(jù)了解，MasterGo (莫高設(shè)計) 于 2023 年 3 月成立了 MasterGo AI 實驗室，從「AI+設(shè)計系統(tǒng)」、「AI+創(chuàng)作提效」兩個維度出發(fā)，致力于服務(wù)企業(yè)和團(tuán)隊的真實工作場景，更好地打通創(chuàng)作者、生產(chǎn)過程和生產(chǎn)結(jié)果，助力 MasterGo 2.0 實現(xiàn)個人增強(qiáng)、協(xié)作增強(qiáng)、業(yè)務(wù)結(jié)果增強(qiáng)。

（推廣）