Motiff落地實踐,AI正在把握UI設計軟件的靈魂
大模型(LLM)的發展讓整個世界的注意力都聚集在AI上, 所有工具都值得用AI重做一遍,UI設計工具也是如此。
UI設計領域的專業工具發展到今天,大概經過了30多年的時間,但整個周期下來也只經過了三款主流的工具,從Photoshop到Sketch,再到最近幾年的Figma,並且都是國外廠商。
在這個頭部公司表現出“贏者通吃”的市場,AI提供了一個可以顛覆的機會。
十年前,看雲控股集團成立了AI Lab,並投入了百億研發,致力于將AI技術真正落地于行業應用。Motiff是看雲控股集團內部研發的一款AI時代設計工具,雖然Motiff是在2021年才立項,但團隊成員對其展現了極大信心,相信經過猿輔導,斑馬這些成熟項目,在産研能力上的積累遷移到SaaS領域,具備充分的競爭力。
歷時近兩年的研發,今年8月,Motiff正式亮相,在初期的專家體驗和測試中中,AI功能切入的方向和場景受到了廣泛認可,讓AI在UI設計工具領域有了更真實的應用與實踐。
AI時代,UI設計工具正在進化
設計工具的變革有明顯的時代印記。
世界上第一個圖形界面距離今天不過才40年的時間,設計工具出現到現在也才經曆了30年的時間,而這期間卻已經出現了三次叠代。像素時代出現了Photoshop、矢量時代有了Sketch、協同時代誕生了Figma,它們由時代創造,同時引領了各自時代設計工具的變革。
從設計工具多年的發展曆程中發現,規模化和專業的圖像工程需求催生了生産力工具Photoshop的誕生,而移動互聯網的發展和“扁平化”成爲主流,讓 UI 領域有了一個更輕巧但也更專業工具的需求,于是出現了Sketch,後來意識到設計工具也可以在線上進行協同,所以有了Figma。如今,工具的核心屬性變成了AI。
近五年來,大模型出現了跨越式的進步,AI的能力得到顯著提升,市場對AI的應用有了足夠的信心。AIGC 在圖像生成領域已有成功落地的應用,讓人們對AI時代的設計工具有了新的想象。
2023年,大模型在推動行業應用的過程中,設計工具領域的幾大核心參與者也在重新審視自己。據悉,今年Adobe在宣布旗下FireFly生成式AI模型套件結束Beta測試,正式面向全球Photoshop用戶開放後,就發布了Photoshop2024版;Figma也于近日推出一套用于其協作白板服務 FigJam 的新生成式 AI 工具套件FigJam AI。
有人將Motiff稱爲“下一個時代的UI設計工具”,Motiff運營副總裁張昊然表示,判斷它是不是一個下一代的産品,它會有一個特征是它是否在根本上改變了生産關系和生産力。
AI時代,主流設計工具已經在嘗試再次引領生産變革,但新時代下,國內需要有可以與之並肩的國産設計軟件。
兩年前,猿輔導正在向新的領域進發,方向之一就是企業服務,更細分來看,其選擇了從打造一款UI設計工具開始。設計工具作爲專業領域的生産工具,做到頭部的産品就能拿下絕大多數用戶。如果能做出一個相較上一代産品顛覆生産力的工具,就有機會能夠在很長一段時間內占據市場,Motiff正是在這樣的背景下誕生。
張昊然表示: UI設計領域天然具備較強的邏輯性和結構化特性。因此,AI 能深入到UI 設計的很多場景解決問題是確定的。如果能將AI技術深入地融合到UI設計領域,引領設計工具進入AI時代,將帶來巨大的生産力變革和效率提升。
作爲一款SaaS産品,Motiff也結合了看雲集團十余年來的AI 研發能力和産品研發經驗。2021年Motiff正式立項,Motiff在今年8月正式亮相。
Motiff如何用AI武裝專業設計工具
Motiff並不是做“國産替代”式的産品,而是期望通過産品創新定義一款新的工具。從立項研發之初,AI驅動專業化工具就是Motiff笃定且堅持的方向,在資金、人才等各方面儲備的支持下,Motiff做了長期競爭的准備,要真正成爲AI時代的設計工具。
看雲集團在AI應用方面積累了十年,成功將AI技術應用在教育、數字出版等多個領域。在AI技術方面,已經建立起一支實力雄厚的國際化技術團隊,向業界開源共享超過5項自主研發技術,技術方向多次獲得全球第一。
在Motiff朝著新的使命前進的路上,是由看雲控股副總裁、原猿輔導産研負責人楊元祖帶隊,是一支成熟AI團隊的再次出發。
産品需要從需求出發,Motiff也是在行業痛點的基礎上,用AI武裝自己。Motiff在亮相時發布了三個原創的AI功能:AI布局、AI設計系統、AI魔法框。
“AI布局”是Motiff使用AI來輔助識別複雜圖層的結構關系,讓AI直接幫助用戶形成層級和邏輯清晰的布局。在UI設計師的日常工作中,布局是最高頻的操作之一、繁瑣的布局調整也是隱形的效率殺手。
在設計師自由布局後,如果期望結構化的調整,AI可自主識別結構化,完成結構化後,批量修改頁面將更高效。結構化和自由化之間可以靈活切換,更保持了設計師的設計初心,而同時,也可以想結構化時通過AI再次結構化、使得批量修改和響應式修改更加便利。
“AI設計系統”可以一站式搞定“識別”-“聚類”-"洞察",獲取樣式和組件、無需再翻遍海量文件。將不再需要設計師再去過往的設計稿中繁瑣的檢索所有的樣式和圖鑒,交由AI識別出來之後進行歸類統計,這樣設計團隊的實踐開始就可以由AI一鍵開啓。
Motiff運營副總裁張昊然
AI幫助組件的管理者大大縮短了整理的時間,原來新建時整理的時間可能從一周到數月不等,每次叠代要花費的整理歸納時間也在數小時到數日,AI設計系統可以幫助節省搭建和叠代階段這部分整理工作耗費的時間、從而提升效率。
“AI魔法框”是一種人與AI共同協作的設計新方式。在傳統的設計工具中,設計師是直接通過一些工具來輸出自己的設計意圖,在AI的加持下,設計師可以通過例如框選這類簡單的形式,就可以在對應的區域照顧到他想要的元素。
對個體的生産力而言,設計師的工作從理解意圖到將意圖表達爲專業化界面,AI魔法框將這個過程效率大大提升;對于團隊的生産力而言,團隊要求一致性,設計系統繼續是團隊保持一致性的最佳實踐,設計系統的實踐門檻被AI魔法框大大降低。
在Motiff的理念裏,AI並不是替代設計師或者降低設計師門檻,而是和設計師共同協作。在AI的輔助下,設計師可以減少機械的、確定性工作量,更多承擔創造性、創新性、審美向、思考業務需求和用戶體驗等方面的工作,在提升工作效率的同時,提升個人核心競爭力,正向驅動個人、團隊和業務發展。
據張昊然介紹,Motiff針對UI專業領域的場景,在明確問題和痛點後,會找到最合適的AI模型來解決問題,未來也將會更高頻地提出和 AI 相關的功能,推動AI在SaaS領域的應用和落地創新。當然,對于大模型的應用,Motiff不會放棄任何機會,也在積極的探索和融合大模型的創意等能力,讓AI落地在更多的場景中。
體驗優先,Motiff的爆款潛質
“在Motiff的核心競爭力方面,除了不斷創新和落地的AI功能,另一個就是體驗。”
據了解,Motiff發布至今,已被數千名設計師體驗並對性能進行測評,獲得廣泛好評。目前,看雲控股集團諸多業務的産研及UI設計團隊也已經在使用Motiff開展日常工作,包括猿輔導、小斑斑、猿編程、飛象星球等。
小斑斑已經運用Motiff的AI布局功能,針對業務需求對幾百個頁面進行了批量化改版。在AI布局的幫助下,小斑斑的設計師可以快速的將界面結構化,從而進行結構化的調整,每一次調整的步驟數可能只需要 10步左右就可以完成。而沒有AI布局的情況下,每個界面的調整步驟大概都需要30次以上,有的甚至50次以上,才能達到預期的效果。
在單個頁面的調整上,Motiff成功幫助設計師縮減了調整步驟,帶來的不僅是節省時間的直接效能提升,同時讓設計師跳出了機械和繁瑣的工作。設計師做“工具人”的時間大大降低。
Motiff在猿輔導的實踐案例中,猿輔導應用AI設計系統功能對整套産品的界面進行了新版優化。在過去,這項工作是需要團隊所有的設計師一起參與,把新版叠代後所有的界面全部仔細分析一遍,同時提取其中新的組件庫、樣式,再來完成新版設計系統的叠代。
而AI設計系統可以自動的對現有的界面中的組件進行解析、分類並整理,設計師還能將它們快速的與過往的組件庫進行比較,從而確定哪些是要進行叠代和優化的。在過去,這項工作需要團隊所有參與的設計師耗費1-2周完成,現在通過AI設計系統可以一鍵即時獲取。
此外,張昊然表示,Motiff在集團內部測試了大概一年的時間,經過不斷地細節打磨,在整個團隊中10個不同業務線的大概100多名UI設計師的反饋中,現在大家在産品基礎體驗上對于Motiff的感受和感覺是和Figma幾乎沒有太大的差異。Motiff在使用體驗上已經具備“AI時代的Figma”的潛質。
對于設計師而言,Motiff讓AI的輔助工具屬性得到放大,而不是用AIGC替代人類的創意。
AI時代,所有的工具都值得被AI重做一遍,設計工具全面邁入 AI 時代已成必然。Motiff認爲要成爲真正的 AI 時代設計工具需要具備兩個方面的能力:不斷原創,創新且能真正落地的 AI 功能;讓每一個設計師都感受到的極致絲滑流暢的基礎體驗。
能做到這一切自然離不開Motiff紮實的AI基礎和工程師文化。Motiff具備成熟且能夠理解業務場景的AI Lab以及頂尖的工程師團隊。
“雖然我們不是一家直接研究模型層的公司,但我們非常擅長做應用層,並且能利用不同的模型能力,真正把AI落地在行業應用中的工作。”張昊然對Motiff的落地應用有充足的信心。-(來源 : 獵雲網/文: 邵延港)