Motiff落地實踐，AI正在把握UI設(shè)計軟件的靈魂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Motiff如何用AI武裝專業(yè)設(shè)計工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

“在Motiff的核心競爭力方面，除了不斷創(chuàng)新和落地的AI功能，另一個就是體驗?！?

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

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

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

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

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

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

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

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

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

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