近日，AI 時代的企業級產品設計平臺 MasterGo (莫高設計) 在 AI 生成 UI 技術上取得新進展，旗下 MasterGo AI 實驗室發布了「AI 白板」工具，基于 AI Native 能力探索 UI 創作新范式。
「AI 白板」工具能夠識別手繪圖、原型圖及注釋等多種輸入，快速生成應用雛形，設計開發一步到位，并且支持多種主流的前端框架，例如 Tailwind、React、Vue、Ant design 等。作為 MasterGo AI 實驗室前沿探索的最新成果，「AI 白板」實現了利用 AI 直接將原型圖生成 HTML 真實界面，大大縮短了產品設計開發的流程，將為獨立開發者、初創公司、乃至中大型企業的數字產品創造過程加力提效。
MasterGo AI 實驗室的「AI 白板」工具的核心價值在于其更加強大的 AI 智能識別和生成功能。無論是輸入原型圖及注釋，或者輸入腦圖、流程圖等，甚至拖入手繪稿，AI 都能夠清晰地理解交互邏輯，直接生成應用雛形，設計師可以輕松駕馭 AI，專注于創意和設計的實現。
不僅如此，設計師和開發者還可以輸入更加豐富、清晰的指令，包括額外提示詞、多種前端組件等，AI 能夠直接生成真實代碼構建的應用雛形，還可以在畫布上實時預覽、操作真實的應用界面，從而省去了繁瑣的編碼和反復調整過程。
更令人驚喜的是，「AI 白板」可以幫助用戶在已生成的應用基礎上輕松進行二次加工和修改，激發更多的創意和可能性。「AI 白板」可以幫助實現應用風格的切換，設計師只需要將視覺參考拖入畫布，AI 能夠根據參考自由切換應用風格。AI 同時還支持響應式布局，省去手動調試的麻煩，確保應用適配各種設備和屏幕尺寸。此外，「AI 白板」支持查看代碼，如果需要調整應用細節，可以更快地進入開發流程。以上這些特性讓「AI 白板」在助力加速開發方面具有顯著優勢。
過去，數字產品常見的開發流程是先由產品經理撰寫產品需求文檔，然后由產品經理或者交互設計師梳理出用戶的使用流程或原型界面，再將需求文檔、用戶流程圖、原型圖等內容提交給 UI 設計師進行界面的設計。UI 設計師將界面設計好，再由前端工程師將界面設計效果進行還原，客戶端、后端、算法等多種研發工程師進行開發，最后再進入測試和上線流程。整個產品設計開發流程非常長，且涉及的人員多，需要反復修改和溝通。而 AI 技術可以在產品設計開發流程中輔助生產，例如產品經理或者交互設計師可以利用 AI 生成界面，前端工程師只需要進行檢查和修改，就可以完成界面設計效果還原，從而可以更快地進入功能開發階段，大大加速了產品設計開發的全流程進展。
MasterGo AI 實驗室的相關負責人表示：“UI 在產品的表達是利用圖像和代碼實現的，這正是 AI 技術最擅長的領域，但目前 AI 生成最大的問題是可控性無法達到生產上的要求。MasterGo AI 實驗室在探索 AI 實踐的過程中發現，原型圖就如同 Stable Diffusion 的 Controlnet 一般，可以高效表達產品設計的意圖，并且讓 AI 理解 UI 所想表達的結構，從而保證 AI 生成的內容符合需求意圖。MasterGo AI 實驗室相信，相比單純的文字輸入，多模態的輸入更容易幫助 AI 理解和生成復雜的UI 和交互邏輯。”
MasterGo AI 實驗室的這一創新工具無疑為數字產品產研領域帶來了重大變革。通過「AI 白板」工具，設計師和開發者可以更高效地實現創意，縮短開發周期，提升產品質量。這對于整個行業來說，無疑是一次巨大的推動。未來，MasterGo (莫高設計) 將繼續發揮其在 AI 技術應用方面的優勢，不斷推出更多具有影響力的 AI 創新產品和服務，為設計師和開發者提供更高效、更智能的工作體驗。
據了解，MasterGo (莫高設計) 于 2023 年 3 月成立了 MasterGo AI 實驗室，從「AI+設計系統」、「AI+創作提效」兩個維度出發，致力于服務企業和團隊的真實工作場景，更好地打通創作者、生產過程和生產結果，助力 MasterGo 2.0 實現個人增強、協作增強、業務結果增強。
