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

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

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

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

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

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

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

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

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