近日，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)作新范式。
「AI 白板」工具能夠識(shí)別手繪圖、原型圖及注釋等多種輸入，快速生成應(yīng)用雛形，設(shè)計(jì)開(kāi)發(fā)一步到位，并且支持多種主流的前端框架，例如 Tailwind、React、Vue、Ant design 等。作為 MasterGo AI 實(shí)驗(yàn)室前沿探索的最新成果，「AI 白板」實(shí)現(xiàn)了利用 AI 直接將原型圖生成 HTML 真實(shí)界面，大大縮短了產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的流程，將為獨(dú)立開(kāi)發(fā)者、初創(chuàng)公司、乃至中大型企業(yè)的數(shù)字產(chǎn)品創(chuàng)造過(guò)程加力提效。
首先，MasterGo AI 實(shí)驗(yàn)室的「AI 白板」工具的核心價(jià)值在于其更加強(qiáng)大的 AI 智能識(shí)別和生成功能。無(wú)論是輸入原型圖及注釋?zhuān)蛘咻斎肽X圖、流程圖等，甚至拖入手繪稿，AI 都能夠清晰地理解交互邏輯，直接生成應(yīng)用雛形，設(shè)計(jì)師可以輕松駕馭 AI，專(zhuān)注于創(chuàng)意和設(shè)計(jì)的實(shí)現(xiàn)。
不僅如此，設(shè)計(jì)師和開(kāi)發(fā)者還可以輸入更加豐富、清晰的指令，包括額外提示詞、多種前端組件等，AI 能夠直接生成真實(shí)代碼構(gòu)建的應(yīng)用雛形，還可以在畫(huà)布上實(shí)時(shí)預(yù)覽、操作真實(shí)的應(yīng)用界面，從而省去了繁瑣的編碼和反復(fù)調(diào)整過(guò)程。
更令人驚喜的是，「AI 白板」可以幫助用戶在已生成的應(yīng)用基礎(chǔ)上輕松進(jìn)行二次加工和修改，激發(fā)更多的創(chuàng)意和可能性。首先，「AI 白板」可以幫助實(shí)現(xiàn)應(yīng)用風(fēng)格的切換，設(shè)計(jì)師只需要將視覺(jué)參考拖入畫(huà)布，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)入開(kāi)發(fā)流程。以上這些特性讓「AI 白板」在助力加速開(kāi)發(fā)方面具有顯著優(yōu)勢(shì)。
過(guò)去，數(shù)字產(chǎn)品常見(jiàn)的開(kāi)發(fā)流程是先由產(chǎn)品經(jīng)理撰寫(xiě)產(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)行開(kāi)發(fā)，最后再進(jìn)入測(cè)試和上線流程。整個(gè)產(chǎn)品設(shè)計(jì)開(kāi)發(fā)流程非常長(zhǎng)，且涉及的人員多，需要反復(fù)修改和溝通。而 AI 技術(shù)可以在產(chǎn)品設(shè)計(jì)開(kāi)發(fā)流程中輔助生產(chǎn)，例如產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師可以利用 AI 生成界面，前端工程師只需要進(jìn)行檢查和修改，就可以完成界面設(shè)計(jì)效果還原，從而可以更快地進(jìn)入功能開(kāi)發(fā)階段，大大加速了產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的全流程進(jìn)展。
MasterGo AI 實(shí)驗(yàn)室的相關(guān)負(fù)責(zé)人表示：“UI 在產(chǎn)品的表達(dá)是利用圖像和代碼實(shí)現(xiàn)的，這正是 AI 技術(shù)最擅長(zhǎng)的領(lǐng)域，但目前 AI 生成最大的問(wèn)題是可控性無(wú)法達(dá)到生產(chǎn)上的要求。MasterGo AI 實(shí)驗(yàn)室在探索 AI 實(shí)踐的過(guò)程中發(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 和交互邏輯。”
MasterGo AI 實(shí)驗(yàn)室的這一創(chuàng)新工具無(wú)疑為數(shù)字產(chǎn)品產(chǎn)研領(lǐng)域帶來(lái)了重大變革。通過(guò)「AI 白板」工具，設(shè)計(jì)師和開(kāi)發(fā)者可以更高效地實(shí)現(xiàn)創(chuàng)意，縮短開(kāi)發(fā)周期，提升產(chǎn)品質(zhì)量。這對(duì)于整個(gè)行業(yè)來(lái)說(shuō)，無(wú)疑是一次巨大的推動(dòng)。未來(lái)，MasterGo (莫高設(shè)計(jì)) 將繼續(xù)發(fā)揮其在 AI 技術(shù)應(yīng)用方面的優(yōu)勢(shì)，不斷推出更多具有影響力的 AI 創(chuàng)新產(chǎn)品和服務(wù)，為設(shè)計(jì)師和開(kāi)發(fā)者提供更高效、更智能的工作體驗(yàn)。
據(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)過(guò)程和生產(chǎn)結(jié)果，助力 MasterGo 2.0 實(shí)現(xiàn)個(gè)人增強(qiáng)、協(xié)作增強(qiáng)、業(yè)務(wù)結(jié)果增強(qiáng)。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書(shū)面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。 ）
