設(shè)計工具突圍：妙多如何打造全球首個界面設(shè)計 AI 助手？

十三 2025-05-19 15:29:36 來源：量子位

5月16日，上海 ——“只需要對話，它不僅能為設(shè)計師編輯、迭代設(shè)計方案，還能根據(jù)預(yù)設(shè)風(fēng)格生成界面?！痹诮裉扉_幕的A2M人工智能創(chuàng)新峰會上，妙多產(chǎn)品副總裁章明喆現(xiàn)場演示了近期發(fā)布的妙多 AI 2.0，這被視為全球首個界面設(shè)計 AI 助手?；?AI 能力與專業(yè)編輯器的深度融合，妙多 AI 能與用戶共同理解上下文及問題，真正實現(xiàn) AI 與人互相協(xié)作。

妙多產(chǎn)品副總裁章明喆在 A2M 峰會現(xiàn)場

如何在專業(yè)設(shè)計工具中融合 AI 能力？章明喆認(rèn)為，妙多AI 2.0 作為與用戶協(xié)作一起完成任務(wù)的伙伴，致力于成為設(shè)計領(lǐng)域的“Cursor”。這意味著，AI 自然、直覺、無處不在地融入產(chǎn)品設(shè)計工作流。

打造設(shè)計領(lǐng)域“Cursor”，專業(yè)助手帶來長期價值

過去一年，AI 在產(chǎn)品研發(fā)領(lǐng)域的快速發(fā)展超乎想象。這直接帶來了 AI 設(shè)計工具的階段性革新?！斑^去是解決單點痛癢的工具箱，現(xiàn)在是能與你協(xié)作的AI 伙伴，未來可能出現(xiàn)能獨立承包整套工作流的自主式 Agent?！?章明喆把 AI 專業(yè)工具的演進(jìn)軌跡歸納為三段，而妙多 AI 2.0 已經(jīng)進(jìn)階到第二階段。

章明喆認(rèn)為，1.0 時代的妙多以特定問題為出發(fā)點，首創(chuàng)了AI 復(fù)制、AI 布局、AI 設(shè)計系統(tǒng)等多個 AI 功能，嘗試解讀多個設(shè)計痛點。進(jìn)入 2.0，團(tuán)隊策略出現(xiàn)顯性轉(zhuǎn)折：不再只關(guān)注“AI 具體能幫你做什么”，而是思考“AI 與你如何共同完成一件事”。

過去一年，妙多見證了太多 AI 給產(chǎn)品設(shè)計領(lǐng)域帶來的“Aha Moment”。去年妙多剛發(fā)布時，尚處于“實驗室”階段的 AI 魔法框，今年已經(jīng)成為妙多 AI2.0 的交互基礎(chǔ)。AI 魔法框剛發(fā)布時，功能是用戶“畫一個框”，妙多 AI 將返回可能想要的結(jié)果。

受限于當(dāng)時的技術(shù)，這個功能只能在 “妙多實驗室” 下作為一個體驗功能。而在妙多 AI 2.0 中，魔法框已經(jīng)能助力用戶和 AI 助手建立穩(wěn)定連接。用戶只需簡單示意，通過框選或點擊想要調(diào)整的區(qū)域，妙多 AI 便會共享該區(qū)域的上下文，根據(jù)用戶的指令協(xié)同設(shè)計。得益于技術(shù)的進(jìn)步，妙多把“魔法框”放進(jìn)了工具欄的首位，希望它成為與移動、縮放同級的原生操作。

一位優(yōu)秀的 AI 設(shè)計助手具備什么能力？在 AI 助手與編輯器深度交互的基礎(chǔ)上，妙多 AI 在編輯、生成、圖文處理等領(lǐng)域有明顯突破：

??編輯功能：通過對話，妙多 AI 可以提供改版建議，生成新方案。例如，只需要選中想要修改的模塊，輸入指令，妙多 AI 就能生成匹配當(dāng)前頁面風(fēng)格的新方案。用戶可以在此基礎(chǔ)上編輯或直接使用，大幅提高產(chǎn)品迭代效率。

??生成功能：去年，妙多的AI 生成 UI 還是實驗室功能，今年，它已經(jīng)成為撬動生產(chǎn)力的關(guān)鍵。妙多 AI 可接受多種輸入指令，包括長文本、草圖、參考圖片，并以此直接產(chǎn)出兩版以上界面。妙多 AI 不僅支持基于 Material、Ant Design、shadcn/ui 等主流設(shè)計系統(tǒng)生成。

??圖文處理：潤色、翻譯文案，圖片生成，外加“快速提取網(wǎng)頁到畫布”一鍵調(diào)研功能。當(dāng)然，妙多 AI 還是資深的設(shè)計專家，用戶可以詢問各種設(shè)計領(lǐng)域的問題并得到專業(yè)建議。

??快捷指令：雖然尚處實驗室階段，但快捷指令功能潛藏豐富的想象力。通過快捷指令輸入自然語言，妙多 AI 將理解用戶意圖，并自動編寫程序調(diào)用妙多的 API 來完成任務(wù)。例如，用戶可以輸入“選中所有相似的按鈕創(chuàng)建成組件，并替換成實例”“給選中的所有矩形生成頭像”等指令，來讓妙多 AI 完成批量修改、生成插件等任務(wù)。

押注技術(shù)進(jìn)步，構(gòu)建可探索的產(chǎn)品框架

在 妙多 AI 1.0 時代，產(chǎn)品經(jīng)理最糾結(jié)的問題是“PTF（Product-Technology Fit，產(chǎn)品技術(shù)匹配度）”：AI 功能能否落地，難點是“技術(shù)能不能實現(xiàn)”，是否能找到技術(shù)與產(chǎn)品的平衡點。到 2.0，妙多團(tuán)隊把這套公式改寫成 “Pre-Technology Fit”：與其等模型足夠完美，不如押注“技術(shù)必將快速進(jìn)步”，提前搭好可升級的框架。 簡單說，就是“先讓它跑起來，邊跑邊換引擎”。

“我們會盡力預(yù)判技術(shù)快速發(fā)展的可達(dá)性，做出一些當(dāng)下具備“可用性”，又能和技術(shù)與時俱進(jìn)的功能?！闭旅鲉幢硎?，這種策略背后有兩條隱性假設(shè)，一是大模型能力日新月異，極大影響產(chǎn)品可用性標(biāo)準(zhǔn)；二是專業(yè)設(shè)計師對 AI 的寬容度較高，或許“10 次里有 5 次靈光乍現(xiàn)”遠(yuǎn)比“99% 及格”更具吸引力。

基于此，首先，在模型更新極快的背景下，妙多認(rèn)為應(yīng)打造一個便于探索的框架，隨時可以增加新的功能，或者隨時可以替換底層模型。其次，在評估生成組件的優(yōu)劣時，妙多團(tuán)隊不再以“解決特定問題的可用性”作為評測標(biāo)準(zhǔn)，而是以“讓用戶眼前一亮的好案例的比例”作為指標(biāo)。壞結(jié)果并不可怕，只要不干擾創(chuàng)作即可被快速回滾、覆蓋。

在 A2M 峰會的開幕圓桌上，章明喆還與閱文集團(tuán)技術(shù)副總經(jīng)理陳煒于、小紅書技術(shù)副總裁張雷暢談，分享了對于 Agent 的看法。他認(rèn)為，在 AI 技術(shù)仍在快速發(fā)展的當(dāng)下，兩種 Agent 形式蘊含機(jī)會。一是面向普通用戶的直接完成任務(wù)的自主式 Agent，它可以獨立完成任務(wù)，但在專業(yè)用戶看來可能完成度不高。另一種是面向?qū)I(yè)用戶的協(xié)作式 Agent，更像是用戶和一個 AI 同事在結(jié)對編程。Cursor、妙多等產(chǎn)品目前更接近后者，也更契合專業(yè)的需求。

當(dāng)下的妙多 AI 2.0，把“和人一起工作”作為核心假設(shè)。專業(yè)設(shè)計師要求高，也有能力自行修改 AI 產(chǎn)出，正因如此，妙多將不斷致力于“構(gòu)建人機(jī)同屏協(xié)作的工作環(huán)境”。

近期，妙多還宣布支持 MCP，妙多 MCP 可將設(shè)計稿數(shù)據(jù)優(yōu)化為大模型更易讀懂的格式，無縫銜接 AI Coding，有利于大模型理解界面設(shè)計后生成高度還原的前端代碼。

對妙多而言，AI 2.0 遠(yuǎn)非終點，而是發(fā)令槍。真正的挑戰(zhàn)是：如何在模型日新月異的激流中，既保持產(chǎn)品性能的穩(wěn)定，又讓設(shè)計師始終覺得——坐在自己身旁的那個虛擬拍檔，懂行、靠譜，還時不時帶來驚喜。