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

十三 2025-05-19 15:29:36 來(lái)源：量子位

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

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

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

打造設(shè)計(jì)領(lǐng)域“Cursor”，專業(yè)助手帶來(lái)長(zhǎng)期價(jià)值

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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