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

來源：獵云網；文/邵延港

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

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

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

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

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

來源：Motiff

AI時代，UI設計工具正在進化

設計工具的變革有明顯的時代印記。

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

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

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

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

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

AI時代，主流設計工具已經在嘗試再次引領生產變革，但新時代下，國內需要有可以與之并肩的國產設計軟件。

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

張昊然表示： UI設計領域天然具備較強的邏輯性和結構化特性。因此，AI 能深入到UI 設計的很多場景解決問題是確定的。如果能將AI技術深入地融合到UI設計領域，引領設計工具進入AI時代，將帶來巨大的生產力變革和效率提升。

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

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

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

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

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

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

“AI布局”是Motiff使用AI來輔助識別復雜圖層的結構關系，讓AI直接幫助用戶形成層級和邏輯清晰的布局。在UI設計師的日常工作中，布局是最高頻的操作之一、繁瑣的布局調整也是隱形的效率殺手。

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

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

來源：Motiff

Motiff運營副總裁張昊然

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

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

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

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

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

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

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

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

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

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

來源：Motiff

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

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

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

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

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

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

“雖然我們不是一家直接研究模型層的公司，但我們非常擅長做應用層，并且能利用不同的模型能力，真正把AI落地在行業(yè)應用中的工作?！睆堦蝗粚otiff的落地應用有充足的信心。