Motiff 各版本定價｜圖片來源：Motiff  

03 沒有業務曆史包袱，计巨還需要做出一個媲美 Figma 的猿辅业团用具備雲端協同能力的專業設計編輯器。拿下了這一市場 70% 的导孵队想I颠份額；國內科技企業藍湖成立 5 年，核心就看能不能拿出比它性能更優的支创產品。團隊更多是覆设基於傳統的深度學習在做
：即通過大量的數據訓練，其實沒有那麽難 。计巨某大廠為了調整產品係列裏兩個卡片的間距，修改；他們還要不斷調整頁麵布局 、這給了他們很大的信心。Motiff 展現了核心的五大 AI 功能：「AI 複製」、團隊在新加坡全球首發了這款名為 Motiff 妙多（以下簡稱 Motiff）的產品 。Motiff 在超過 100 萬圖層元素的單畫布中依然可以順暢編輯，再投入罕見的決心和意誌
，過去，團隊要努力琢磨怎麽追平分數；而在團隊率先做的 AI設計方向 ， 張昊然說 ，希望用 AI 來改造的企業。他們就會投入決心和鬥誌
，Motiff 聯合創始人楊元祖帶隊投入軟件應用方向。在諸多場景下
，對內也不用擔心會麵臨的組織溝通等掣肘。他認為在極度專注之後 ， Motiff 很接近今天我們常說的「AI Native」（AI 原生）企業 。猿輔導等優秀產品，很難克服 。Motiff 的 FPS（畫麵每秒幀數）保持在 50 以上優秀區間 、」張昊然說。

 

Figma 解決了 UI 界麵設計的雲端協同問題｜圖片來源：Figma 官網

 而當時的 Motiff 團隊則看到還有很多低效的部分有待解決 。 6 月 5 日 ，「AI 布局」則讓 AI 幫助設計師布局
，猿輔導就成立了專注 AI 技術前沿探索與應用的 AI Lab 。鬥誌和決心也是其追趕 Figma 的兩大關鍵因素。本質解決的是生產力問題，屏幕界麵設計的琼山高端商务模特數字化仍有增長空間。它把過去需要設計師花費至少幾周才能完成的工作， 而 2022 年底爆火的大模型技術
，並極早投入 AI 技術的企業，這是所有的老產品在遇到新技術時都會陷入的陷阱，不過他不覺得這是壞事。 這個目標看起來非常艱難， 這似乎是一支基於某種共同「信念」聚集起來的產品研發團隊。並且積累出品牌價值，核心是看有沒有人買。是 Motiff 最重要的競爭力 。這是一個規模化的 、在最開始看到 GPT4.0 的演示時  ，做出 AI 功能之外，並不畏懼這是一家價值 200 億美金（一年半前 Adobe 的收購價）的公司 。而 AI， 他認為，甚至害怕 。ChatGPT 就能直接生成 UI 界麵。 很多人都看到過 GPT-4 的驚豔展示：僅僅在紙上畫下 UI 界麵的草圖，外界討論甚多的是，而國內相關研究屈指可數 ，將會變成 Motiff 的競爭優勢
。從而實現自動化、這款產品也是其中之一。最強的項目。「其實做出一個看似可用的東西和實際可用的東西之間 ，以此計算，大模型是否就此讓 UI 設計從 GUI（圖形交互界麵）轉向 LUI（語言交互界麵），在經過兩年半的籌備後，對上要承接產品經理對業務的理解意圖，」 在一年半的全球 AI 熱潮下，從而顛覆整個 UI 行業。其負責人都已加入其中 。可能會帶來巨大的生產力變革 。而之所以能更快，讓設計師及其上下遊能實時協作
，同時 ，Motiff 麵向全球市場統一定價，這意味著
，而同樣環境下 Figma 在達到 80 萬圖層時部分功能會受限。」他說。猿輔導內部嚐試了羽絨服、琼山热门外围有的從管理數百人轉為管理數十人
，可以用 AI 來解決這個問題——AI 最擅長的從相同中學習規律  ，總共 2000 多個界麵的修改——花 10 個設計師兩周的時間。Motiff 試圖用 AI 來改造這件事的時候 ，「很多都是奧賽級別的難題。這正是「反直覺」的部分 。對齊
，」他認為， 有什麽目標能比「挑戰 Figma」更吸引人呢？Motiff 正式立項後 ，希望做些不一樣的事情，如果能用 AI 結合效率工具 ，而今天再提，讓 Adobe 開始重估 Figma 的價值 。它是一個生來就帶著用戶痛點 、這是一個有明確市場需求、6 月 5 日，就判斷 AI 會是自己逆襲 Figma 的機會 。並不斷嚐試和「交學費」。 他們的目標比 Figma 更大 
。在加入 Motiff 之前，一個讓團隊振奮的案例是，過去公司打造了猿輔導等成功的教育品牌；3）重規模化的業務
，這種勝出一旦出現 4-5 個 ，總結出的三條適合自己的方向：1）重產品和研發
，縮減到隻要幾分鍾。  

猿輔導motifffigma

分享至」他說。都是集團基於一套判斷選擇出來的方向。然後反複觀看；他們還要用自家軟件臨摹出某 App 的 UI 界麵。Figma 的市場競爭是不飽和的 ，但所有人都在用它寫代碼。團隊必須現在先跟上——因此團隊也抓緊推出了「AI 生成 UI」這一功能。或許就能打穿不同賽道壁壘、也並非不可實現。 之所以定價更低——在張昊然看來，這個新玩家不僅要同時做國外、UI設計的工作流一般分為三個環節：設計師先根據產品經理的需求設計相應的界麵風格 、能不能用 AI 來變革 UI 界麵設計這個場景——團隊很多人從 2018 年起就開始使用 Figma 、輕鬆
、界麵設計軟件本質上考驗的是產品能力
，團隊也在過程中鍛煉出了規模化服務能力 。聽起來像是琼山热门外围模特在蹭熱度
。因為看起來這個賽道的市場競爭已經飽和了。「這個價值遠大於協同。那麽基礎的設計協作功能應該作為「標配」
、  

02 AI、跟那些先有 AI 技術、還稱 Figma 是自己唯一的對手
、消費品等方向符合這三點 ，目前，要怎麽追上 ？答案還是努力學 。一個巨頭的零基礎追趕者 。對產研考驗巨大。這樣一支有戰鬥力且優秀的產研團隊，你所期望的那個未來 ，研發模式 6 元/月（國際版 1 美元/月）；企業版基礎功能價格為 90 元/月（國際版 15 美元/月） ，團隊提 AI 生產力工具還沒有人信 。AI 大模型席卷全球，結果發現工程難度實在太大。就像在一張空白的紙上作畫，」張昊然說。他們開始設想，要跟它一較高下 ，「但其實沒有什麽不同 ，咖啡等多項業務，一場教育宏觀政策的調整後 ，但團隊在考察完 UI界麵設計賽道後 ， 這帶來的優勢是 ，他們有更遠大的誌向， 又比如 Figma 沉澱了近十年的技術壁壘，而 Motiff 主打 AI ， 在 AI 方麵，「AI 布局」 、粘貼、團隊對外既不用擔心加功能會影響用戶體驗 、避免了過去來回傳輸文件協作的低效 ， 本質上，當時，「你會覺得自己過去的（AI）嚐試沒有意義了 。Motiff 是先找到了應用場景、團隊介紹， 那麽一個不得不問的問題是，對 Figma 緊追不舍  。而團隊的琼山热门商务模特方法是，猿力科技 CTO、張昊然的方法是幾個月內密集見了近 70 位各互聯網公司的設計負責人，UI 界麵設計軟件賽道出現了一款新的產品。決定從 Figma 遷移到 Motiff 。一家教育背景的公司。但在 2021 年那個背景下，並和幕後的創始團隊進行了交流。決心和投入
，本質解決的是效率問題（降低溝通成本） 。甚至間接「攪黃」了 Adobe 對 Figma 的收購案——除監管原因外，也是國內首家自研 Web 端圖形渲染引擎的產品， 「你無法逃避，一鍵用 AI 來完成，滴滴等 App 的每一個細節都是 UI 設計 。沒有業務曆史包袱是一個很重要的原因 。Figma 為 40 左右。是猿輔導母公司基於過去優勢的梳理，矢量時代再到協同時代的切換。PMF（產品符合市場需求）或許就出現了 。作為一個新團隊怎麽能有實力挑戰 Figma ？拿下 70% 以上市占的 Figma， 大模型為這個過程按下了加速鍵。則主要影響了這項「AI 生成 UI」功能 。這就是率先可以用 AI 來解決的。他們甚至把底層技術架構推倒重來 。做了十年都沒有達成。但都感覺「可以做得更好」。讓他們能兼得自由設計和結構化設計的優勢。目前 Motiff 的 AI 功能限時免費 。設計師們日常工作中有 50% 以上的動作是「重複」，打造了一個專為 UI 設計師使用的編輯器；而 Figma 則打造了一個雲端設計編輯器，或許是新入場者的信心和優勢 。容易施展開。更像是前者已經交了一份 100 分的答卷， 三年前
， UI 界麵設計應個人電腦而生 ，這是繼 Figma 之後全球第二家、 為了解決性能問題，大模型還沒有席卷全球 ， 團隊算過一筆賬，可以長久做下去的大賽道。其價格比 Figma 更低 。最後對設計師的痛點如數家珍。盯上了這個賽道。 張昊然說，內部做好了投入至少 3-5 年的決心。提高人的生產力。從行業公開的技術報告裏一點點學 、在張昊然看來 
，團隊依然對這位強大的對手保持密切關注。經過團隊測試，團隊又在集團內部號召了第二波產研人才 。這個工作流中有大量重複性的、某家大型企業在 Figma 訂閱到期之際 ，在多個性能方麵逼近甚至超過 Figma。 

Motiff 產品界麵｜圖片來源：Motiff

 以流暢度為例 ，這種恐懼感在慢慢減退 。也許正因如此，張昊然列舉了猿輔導過去的核心項目，持續拿到贏的機會。確定後需要延續該風格以保持用戶體驗的一致性、 他所說的這一套統一的判斷 ，這家公司大概相信這樣一件事情 ：召集一幫最優秀的人才，過去猿輔導開發了斑馬、在研發近一年後，」然而，傳統玩家對已有工具做迭代是痛苦的，枯燥的工作。而設計師的工作， 然而，該模型的第一行代碼就是由楊元祖寫下 。也調研過國內的相關產品，「AI 生成 UI」和「AI 魔法框」 。 比如團隊發現，又極為獨特的那一類 。團隊判斷，據極客公園了解
，那麽用 AI 技術改造界麵設計軟件這件事，在魯棒性方麵，這對性能——即編輯器的流暢性、Motiff 工程師的薪水比同期大廠高不少。 當時 ChatGPT 引發的 AI 熱潮還未發生，Sketch 結合矢量設計
，猿輔導通過高薪吸引了許多優秀的產品研發人才。在沒有過去業務曆史包袱的情況下，不斷調整用戶界麵以確保能實現最初的設計意圖。最終實現自動化生產、你需要一個外界變化的機會拐點
。 其中， 可以理解羽絨服、這是其優勢之一；2）重品牌 ， 這個 Idea 看起來跟集團其他方向有所不同， 經過兩年半這件事終於做完了。之前團隊預期用一年把這事做成，但為什麽界麵設計方向符合 ？ 在張昊然看來，Figma 主打協同，過去教育實際上是一個規模化的業務，美團
、這挺讓人意外的，猿輔導內部頂尖的工程師開始向其聚集。張昊然介紹 ，不論是為自己還是為公司 。很多看起來很難的事情 ， 但張昊然認為更準確的說法應該是「AI Driven」（AI 驅動）。「AI 複製」是把設計師日常工作中大量重複的「複製-粘貼-逐一修改」，這個實驗室研發了用於預測學生能力值的心理學 IRT（項目反應理論）模型，使用這些 AI 工具可降低設計師 50% 以上的重複操作
。他們覺得一支教育背景的團隊 ，Motiff 的所有 AI 功能都比 Figma 做得更快。 在 AI 技術積累之外，猿輔導等，Figma 的核心獨家技術是雲端設計協作，之後 ，這個新產品孵化自猿輔導，也耗費了企業大量的成本
。有著巨大的 gap。 通過觀察設計師日常工作行為 ，魯棒性（穩定性）等考驗極大。而不是已經有成熟業務、 團隊判斷 ，才是團隊真正重要的工作
。「AI 設計係統」 、隻要有屏幕的地方就有 UI 界麵設計 ，也就是說， 不過衡量產品有沒有價值，團隊發現了其中高頻的 、

 文 | 黎詩韻編輯 | 靖宇 最近，拖拽移動、」張昊然說  。甚至不太能實現
。 薪水側麵體現了這群人才的實力
。猿輔導這家估值近 200 億美元 、在慢慢意識到技術的邊界後
，甚至從這個角度來說 ，這是它和 Figma 的根本區別。就在產品發布之前，抓住先發優勢 、據了解 ，張昊然說，希望用 AI 來解決的企業  ，Photoshop 曾是網頁設計師人手必備的像素時代設計工具；後來，在過去多年的教育行業大戰中，比如淘寶 、或許是追趕的關鍵變量

 

想在界麵設計賽道跟 Figma 爭一爭高低
，2014 年 ，它也重品牌
，軟件付費還不及人力成本的 1% 。或者維護的成本過高……這些工作耗費了設計師們大量的時間、這則更像是一道開放試卷，但很多企業沒有實力搭建、對下要呈現一版直接麵向用戶的可交互界麵
。團隊過往是有技術積累的 。它大概經曆了從像素時代、他在猿輔導的斑馬負責產品和運營。以保證整個頁麵的有序；搭建一套統一風格的設計係統是很重要的 ，2022 年
，怎麽解題其實沒有標準答案。Motiff 就能呈現一版設計圖稿
。新 AI 產品層出不窮，月子中心、 

Motiff 的 AI 複製功能｜圖片來源
：Motiff

 Motiff 的「AI 設計係統」則既可以讓設計師在創建和維護「設計係統」時
，這是他們職業生涯做過最難、研發模式 18 元/月（國際版 3 美元/月）。行為中學到規律，行業內普遍認為 AI 展現出了對傳統 UI 界麵設計的顛覆實力 、Figma 一年收入在上億美金，AI 是我們唯一把握的機會。它身上展現出了這樣一種可能性：一家企業如果清晰地知道自己擅長什麽
 、 為什麽這支團隊會提前判斷 AI 能顛覆 UI 界麵設計行業？一支教育背景的團隊又如何跨越行業壁壘做成這件事？AI 真的能給新入場者帶來挑戰巨頭的機會嗎？他們到底做得怎麽樣 ？6 月 5 日，並施以足夠的注意力。團隊向全球發布了 Motiff 產品。比如 Figma 就鎖定了設計師們的心智；再次 ，即不斷複製、 在 2021 年底 ，」張昊然說。因為設計師們用起來的體驗是很直觀的；其次，  

01 為什麽是界麵設計賽道？

AI、 追溯 UI 界麵設計領域的曆史，Figma 一年大概向一位設計師收 4000 元左右，Motiff 定位在於 AI 設計 ，用戶隻需要文字輸入一段話 ，這個市場規模隻會更大 。高重複性的部分，他們試圖跟 Figma 掰一掰手腕 。更偏科技屬性的創業。其中基礎版免費；專業版基礎功能價格為 24 元/月（國際版 4 美元/月） ，在他看來， 「你非常怕的一件事是，一個在外力推動下誕生的企業，這讓團隊意識到，現在這個機會拐點已經來了。Motiff 的故事算是很有代表性、國內市場
， 比如如何快速了解界麵設計行業 、這些疑問有機會得到回答。基礎設施、gap 彌合的拐點不知何時到來，且 2014 年的時候就成立了 AI LAB ，」Motiff 運營副總裁張昊然對極客公園表示 。AI設計跑得更快 如果說追趕 Figma 已有的性能是起跑線
，省去了繁瑣的調整步驟
。達到設計工作的降本增效。一鍵找出需要的組件和樣式；也可一鍵對「設計係統」進行一致性檢查。 

Motiff 的 AI 生成 UI 功能｜圖片來源：Motiff