在這個(gè)頭部公司表現(xiàn)出“贏者通吃”的市場(chǎng)，AI提供了一個(gè)可以顛覆的機(jī)會(huì)。

來(lái)源：獵云網(wǎng)；文/邵延港

大模型（LLM）的發(fā)展讓整個(gè)世界的注意力都聚集在AI上, 所有工具都值得用AI重做一遍，UI設(shè)計(jì)工具也是如此。

UI設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)工具發(fā)展到今天，大概經(jīng)過(guò)了30多年的時(shí)間，但整個(gè)周期下來(lái)也只經(jīng)過(guò)了三款主流的工具，從Photoshop到Sketch，再到最近幾年的Figma，并且都是國(guó)外廠商。

在這個(gè)頭部公司表現(xiàn)出“贏者通吃”的市場(chǎng)，AI提供了一個(gè)可以顛覆的機(jī)會(huì)。

十年前，看云控股集團(tuán)成立了AI Lab，并投入了百億研發(fā)，致力于將AI技術(shù)真正落地于行業(yè)應(yīng)用。Motiff是看云控股集團(tuán)內(nèi)部研發(fā)的一款A(yù)I時(shí)代設(shè)計(jì)工具，雖然Motiff是在2021年才立項(xiàng)，但團(tuán)隊(duì)成員對(duì)其展現(xiàn)了極大信心，相信經(jīng)過(guò)猿輔導(dǎo)，斑馬這些成熟項(xiàng)目，在產(chǎn)研能力上的積累遷移到SaaS領(lǐng)域，具備充分的競(jìng)爭(zhēng)力。

歷時(shí)近兩年的研發(fā)，今年8月，Motiff正式亮相，在初期的專(zhuān)家體驗(yàn)和測(cè)試中中，AI功能切入的方向和場(chǎng)景受到了廣泛認(rèn)可，讓AI在UI設(shè)計(jì)工具領(lǐng)域有了更真實(shí)的應(yīng)用與實(shí)踐。

來(lái)源：Motiff

AI時(shí)代，UI設(shè)計(jì)工具正在進(jìn)化

設(shè)計(jì)工具的變革有明顯的時(shí)代印記。

世界上第一個(gè)圖形界面距離今天不過(guò)才40年的時(shí)間，設(shè)計(jì)工具出現(xiàn)到現(xiàn)在也才經(jīng)歷了30年的時(shí)間，而這期間卻已經(jīng)出現(xiàn)了三次迭代。像素時(shí)代出現(xiàn)了Photoshop、矢量時(shí)代有了Sketch、協(xié)同時(shí)代誕生了Figma，它們由時(shí)代創(chuàng)造，同時(shí)引領(lǐng)了各自時(shí)代設(shè)計(jì)工具的變革。

從設(shè)計(jì)工具多年的發(fā)展歷程中發(fā)現(xiàn)，規(guī)模化和專(zhuān)業(yè)的圖像工程需求催生了生產(chǎn)力工具Photoshop的誕生，而移動(dòng)互聯(lián)網(wǎng)的發(fā)展和“扁平化”成為主流，讓 UI 領(lǐng)域有了一個(gè)更輕巧但也更專(zhuān)業(yè)工具的需求，于是出現(xiàn)了Sketch，后來(lái)意識(shí)到設(shè)計(jì)工具也可以在線上進(jìn)行協(xié)同，所以有了Figma。如今，工具的核心屬性變成了AI。

近五年來(lái)，大模型出現(xiàn)了跨越式的進(jìn)步，AI的能力得到顯著提升，市場(chǎng)對(duì)AI的應(yīng)用有了足夠的信心。AIGC 在圖像生成領(lǐng)域已有成功落地的應(yīng)用，讓人們對(duì)AI時(shí)代的設(shè)計(jì)工具有了新的想象。

2023年，大模型在推動(dòng)行業(yè)應(yīng)用的過(guò)程中，設(shè)計(jì)工具領(lǐng)域的幾大核心參與者也在重新審視自己。據(jù)悉，今年Adobe在宣布旗下FireFly生成式AI模型套件結(jié)束B(niǎo)eta測(cè)試，正式面向全球Photoshop用戶(hù)開(kāi)放后，就發(fā)布了Photoshop2024版；Figma也于近日推出一套用于其協(xié)作白板服務(wù) FigJam 的新生成式 AI 工具套件FigJam AI。

有人將Motiff稱(chēng)為“下一個(gè)時(shí)代的UI設(shè)計(jì)工具”，Motiff運(yùn)營(yíng)副總裁張昊然表示，判斷它是不是一個(gè)下一代的產(chǎn)品，它會(huì)有一個(gè)特征是它是否在根本上改變了生產(chǎn)關(guān)系和生產(chǎn)力。

AI時(shí)代，主流設(shè)計(jì)工具已經(jīng)在嘗試再次引領(lǐng)生產(chǎn)變革，但新時(shí)代下，國(guó)內(nèi)需要有可以與之并肩的國(guó)產(chǎn)設(shè)計(jì)軟件。

兩年前，猿輔導(dǎo)正在向新的領(lǐng)域進(jìn)發(fā)，方向之一就是企業(yè)服務(wù)，更細(xì)分來(lái)看，其選擇了從打造一款UI設(shè)計(jì)工具開(kāi)始。設(shè)計(jì)工具作為專(zhuān)業(yè)領(lǐng)域的生產(chǎn)工具，做到頭部的產(chǎn)品就能拿下絕大多數(shù)用戶(hù)。如果能做出一個(gè)相較上一代產(chǎn)品顛覆生產(chǎn)力的工具，就有機(jī)會(huì)能夠在很長(zhǎng)一段時(shí)間內(nèi)占據(jù)市場(chǎng)，Motiff正是在這樣的背景下誕生。

張昊然表示： UI設(shè)計(jì)領(lǐng)域天然具備較強(qiáng)的邏輯性和結(jié)構(gòu)化特性。因此，AI 能深入到UI 設(shè)計(jì)的很多場(chǎng)景解決問(wèn)題是確定的。如果能將AI技術(shù)深入地融合到UI設(shè)計(jì)領(lǐng)域，引領(lǐng)設(shè)計(jì)工具進(jìn)入AI時(shí)代，將帶來(lái)巨大的生產(chǎn)力變革和效率提升。

作為一款SaaS產(chǎn)品，Motiff也結(jié)合了看云集團(tuán)十余年來(lái)的AI 研發(fā)能力和產(chǎn)品研發(fā)經(jīng)驗(yàn)。2021年Motiff正式立項(xiàng)，Motiff在今年8月正式亮相。

Motiff如何用AI武裝專(zhuān)業(yè)設(shè)計(jì)工具

Motiff并不是做“國(guó)產(chǎn)替代”式的產(chǎn)品，而是期望通過(guò)產(chǎn)品創(chuàng)新定義一款新的工具。從立項(xiàng)研發(fā)之初，AI驅(qū)動(dòng)專(zhuān)業(yè)化工具就是Motiff篤定且堅(jiān)持的方向，在資金、人才等各方面儲(chǔ)備的支持下，Motiff做了長(zhǎng)期競(jìng)爭(zhēng)的準(zhǔn)備，要真正成為AI時(shí)代的設(shè)計(jì)工具。

看云集團(tuán)在AI應(yīng)用方面積累了十年，成功將AI技術(shù)應(yīng)用在教育、數(shù)字出版等多個(gè)領(lǐng)域。在AI技術(shù)方面，已經(jīng)建立起一支實(shí)力雄厚的國(guó)際化技術(shù)團(tuán)隊(duì)，向業(yè)界開(kāi)源共享超過(guò)5項(xiàng)自主研發(fā)技術(shù)，技術(shù)方向多次獲得全球第一。

在Motiff朝著新的使命前進(jìn)的路上，是由看云控股副總裁、原猿輔導(dǎo)產(chǎn)研負(fù)責(zé)人楊元祖帶隊(duì)，是一支成熟AI團(tuán)隊(duì)的再次出發(fā)。

產(chǎn)品需要從需求出發(fā)，Motiff也是在行業(yè)痛點(diǎn)的基礎(chǔ)上，用AI武裝自己。Motiff在亮相時(shí)發(fā)布了三個(gè)原創(chuàng)的AI功能：AI布局、AI設(shè)計(jì)系統(tǒng)、AI魔法框。

“AI布局”是Motiff使用AI來(lái)輔助識(shí)別復(fù)雜圖層的結(jié)構(gòu)關(guān)系，讓AI直接幫助用戶(hù)形成層級(jí)和邏輯清晰的布局。在UI設(shè)計(jì)師的日常工作中，布局是最高頻的操作之一、繁瑣的布局調(diào)整也是隱形的效率殺手。

在設(shè)計(jì)師自由布局后，如果期望結(jié)構(gòu)化的調(diào)整，AI可自主識(shí)別結(jié)構(gòu)化，完成結(jié)構(gòu)化后，批量修改頁(yè)面將更高效。結(jié)構(gòu)化和自由化之間可以靈活切換，更保持了設(shè)計(jì)師的設(shè)計(jì)初心，而同時(shí)，也可以想結(jié)構(gòu)化時(shí)通過(guò)AI再次結(jié)構(gòu)化、使得批量修改和響應(yīng)式修改更加便利。

“AI設(shè)計(jì)系統(tǒng)”可以一站式搞定“識(shí)別”-“聚類(lèi)”-"洞察"，獲取樣式和組件、無(wú)需再翻遍海量文件。將不再需要設(shè)計(jì)師再去過(guò)往的設(shè)計(jì)稿中繁瑣的檢索所有的樣式和圖鑒，交由AI識(shí)別出來(lái)之后進(jìn)行歸類(lèi)統(tǒng)計(jì)，這樣設(shè)計(jì)團(tuán)隊(duì)的實(shí)踐開(kāi)始就可以由AI一鍵開(kāi)啟。

來(lái)源：Motiff

Motiff運(yùn)營(yíng)副總裁張昊然

AI幫助組件的管理者大大縮短了整理的時(shí)間，原來(lái)新建時(shí)整理的時(shí)間可能從一周到數(shù)月不等，每次迭代要花費(fèi)的整理歸納時(shí)間也在數(shù)小時(shí)到數(shù)日，AI設(shè)計(jì)系統(tǒng)可以幫助節(jié)省搭建和迭代階段這部分整理工作耗費(fèi)的時(shí)間、從而提升效率。

“AI魔法框”是一種人與AI共同協(xié)作的設(shè)計(jì)新方式。在傳統(tǒng)的設(shè)計(jì)工具中，設(shè)計(jì)師是直接通過(guò)一些工具來(lái)輸出自己的設(shè)計(jì)意圖，在AI的加持下，設(shè)計(jì)師可以通過(guò)例如框選這類(lèi)簡(jiǎn)單的形式，就可以在對(duì)應(yīng)的區(qū)域照顧到他想要的元素。

對(duì)個(gè)體的生產(chǎn)力而言，設(shè)計(jì)師的工作從理解意圖到將意圖表達(dá)為專(zhuān)業(yè)化界面，AI魔法框?qū)⑦@個(gè)過(guò)程效率大大提升；對(duì)于團(tuán)隊(duì)的生產(chǎn)力而言，團(tuán)隊(duì)要求一致性，設(shè)計(jì)系統(tǒng)繼續(xù)是團(tuán)隊(duì)保持一致性的最佳實(shí)踐，設(shè)計(jì)系統(tǒng)的實(shí)踐門(mén)檻被AI魔法框大大降低。

在Motiff的理念里，AI并不是替代設(shè)計(jì)師或者降低設(shè)計(jì)師門(mén)檻，而是和設(shè)計(jì)師共同協(xié)作。在AI的輔助下，設(shè)計(jì)師可以減少機(jī)械的、確定性工作量，更多承擔(dān)創(chuàng)造性、創(chuàng)新性、審美向、思考業(yè)務(wù)需求和用戶(hù)體驗(yàn)等方面的工作，在提升工作效率的同時(shí)，提升個(gè)人核心競(jìng)爭(zhēng)力，正向驅(qū)動(dòng)個(gè)人、團(tuán)隊(duì)和業(yè)務(wù)發(fā)展。

據(jù)張昊然介紹，Motiff針對(duì)UI專(zhuān)業(yè)領(lǐng)域的場(chǎng)景，在明確問(wèn)題和痛點(diǎn)后，會(huì)找到最合適的AI模型來(lái)解決問(wèn)題，未來(lái)也將會(huì)更高頻地提出和 AI 相關(guān)的功能，推動(dòng)AI在SaaS領(lǐng)域的應(yīng)用和落地創(chuàng)新。當(dāng)然，對(duì)于大模型的應(yīng)用，Motiff不會(huì)放棄任何機(jī)會(huì)，也在積極的探索和融合大模型的創(chuàng)意等能力，讓AI落地在更多的場(chǎng)景中。

體驗(yàn)優(yōu)先，Motiff的爆款潛質(zhì)

“在Motiff的核心競(jìng)爭(zhēng)力方面，除了不斷創(chuàng)新和落地的AI功能，另一個(gè)就是體驗(yàn)?！?/span>

據(jù)了解，Motiff發(fā)布至今，已被數(shù)千名設(shè)計(jì)師體驗(yàn)并對(duì)性能進(jìn)行測(cè)評(píng)，獲得廣泛好評(píng)。目前，看云控股集團(tuán)諸多業(yè)務(wù)的產(chǎn)研及UI設(shè)計(jì)團(tuán)隊(duì)也已經(jīng)在使用Motiff開(kāi)展日常工作，包括猿輔導(dǎo)、小斑斑、猿編程、飛象星球等。

小斑斑已經(jīng)運(yùn)用Motiff的AI布局功能，針對(duì)業(yè)務(wù)需求對(duì)幾百個(gè)頁(yè)面進(jìn)行了批量化改版。在AI布局的幫助下，小斑斑的設(shè)計(jì)師可以快速的將界面結(jié)構(gòu)化，從而進(jìn)行結(jié)構(gòu)化的調(diào)整，每一次調(diào)整的步驟數(shù)可能只需要 10步左右就可以完成。而沒(méi)有AI布局的情況下，每個(gè)界面的調(diào)整步驟大概都需要30次以上，有的甚至50次以上，才能達(dá)到預(yù)期的效果。

在單個(gè)頁(yè)面的調(diào)整上，Motiff成功幫助設(shè)計(jì)師縮減了調(diào)整步驟，帶來(lái)的不僅是節(jié)省時(shí)間的直接效能提升，同時(shí)讓設(shè)計(jì)師跳出了機(jī)械和繁瑣的工作。設(shè)計(jì)師做“工具人”的時(shí)間大大降低。

來(lái)源：Motiff

Motiff在猿輔導(dǎo)的實(shí)踐案例中，猿輔導(dǎo)應(yīng)用AI設(shè)計(jì)系統(tǒng)功能對(duì)整套產(chǎn)品的界面進(jìn)行了新版優(yōu)化。在過(guò)去，這項(xiàng)工作是需要團(tuán)隊(duì)所有的設(shè)計(jì)師一起參與，把新版迭代后所有的界面全部仔細(xì)分析一遍，同時(shí)提取其中新的組件庫(kù)、樣式，再來(lái)完成新版設(shè)計(jì)系統(tǒng)的迭代。

而AI設(shè)計(jì)系統(tǒng)可以自動(dòng)的對(duì)現(xiàn)有的界面中的組件進(jìn)行解析、分類(lèi)并整理，設(shè)計(jì)師還能將它們快速的與過(guò)往的組件庫(kù)進(jìn)行比較，從而確定哪些是要進(jìn)行迭代和優(yōu)化的。在過(guò)去，這項(xiàng)工作需要團(tuán)隊(duì)所有參與的設(shè)計(jì)師耗費(fèi)1-2周完成，現(xiàn)在通過(guò)AI設(shè)計(jì)系統(tǒng)可以一鍵即時(shí)獲取。

此外，張昊然表示，Motiff在集團(tuán)內(nèi)部測(cè)試了大概一年的時(shí)間，經(jīng)過(guò)不斷地細(xì)節(jié)打磨，在整個(gè)團(tuán)隊(duì)中10個(gè)不同業(yè)務(wù)線的大概100多名UI設(shè)計(jì)師的反饋中，現(xiàn)在大家在產(chǎn)品基礎(chǔ)體驗(yàn)上對(duì)于Motiff的感受和感覺(jué)是和Figma幾乎沒(méi)有太大的差異。Motiff在使用體驗(yàn)上已經(jīng)具備“AI時(shí)代的Figma”的潛質(zhì)。

對(duì)于設(shè)計(jì)師而言，Motiff讓AI的輔助工具屬性得到放大，而不是用AIGC替代人類(lèi)的創(chuàng)意。

AI時(shí)代，所有的工具都值得被AI重做一遍，設(shè)計(jì)工具全面邁入 AI 時(shí)代已成必然。Motiff認(rèn)為要成為真正的 AI 時(shí)代設(shè)計(jì)工具需要具備兩個(gè)方面的能力：不斷原創(chuàng)，創(chuàng)新且能真正落地的 AI 功能；讓每一個(gè)設(shè)計(jì)師都感受到的極致絲滑流暢的基礎(chǔ)體驗(yàn)。

能做到這一切自然離不開(kāi)Motiff扎實(shí)的AI基礎(chǔ)和工程師文化。Motiff具備成熟且能夠理解業(yè)務(wù)場(chǎng)景的AI Lab以及頂尖的工程師團(tuán)隊(duì)。

“雖然我們不是一家直接研究模型層的公司，但我們非常擅長(zhǎng)做應(yīng)用層，并且能利用不同的模型能力，真正把AI落地在行業(yè)應(yīng)用中的工作。”張昊然對(duì)Motiff的落地應(yīng)用有充足的信心。