编辑 | 靖宇

最近，UI 界面设计软件赛道涌现了一款新的产品。
这挺让人意外的，由于看起来这个赛道的市场竞争已经饱和了。
国外巨子 Figma 成立 12 年，拿下了这一市场 70% 的份额；海内科技企业蓝湖成立 5 年，对 Figma 紧追不舍。

然而，这个新玩家不仅要同时做国外、海内市场，还称 Figma 是自己唯一的对手、要跟它一较高下，并不畏惧这是一家代价 200 亿美金（一年半前 Adobe 的收购价）的公司。
这个新产品孵化自猿辅导，一家教诲背景的公司。

三年前，一场教诲宏不雅观政策的调度后，猿辅导内部考试测验了羽绒服、月子中央、咖啡等多项业务，这款产品也是个中之一。

当时 ChatGPT 引发的 AI 热潮还未发生，但团队在稽核完 UI 界面设计赛道后，就判断 AI 会是自己逆袭 Figma 的机会。
之后，AI 大模型席卷环球，乃至间接「搅黄」了 Adobe 对 Figma 的收购案——除监管缘故原由外，行业内普遍认为 AI 展现出了对传统 UI 界面设计的颠覆实力、让 Adobe 开始重估 Figma 的代价。

为什么这支团队会提前判断 AI 能颠覆 UI 界面设计行业？一支教诲背景的团队又如何超过行业壁垒做成这件事？AI 真的能给新入场者带来寻衅巨子的机会吗？他们到底做得怎么样？6 月 5 日，在经由两年半的预备后，团队在新加坡环球首发了这款名为 Motiff 妙多（以下简称 Motiff）的产品。

极客公园第一韶光体验了这款产品、并和幕后的创始团队进行了互换。
这些疑问有机会得到回答。

01 为什么是界面设计赛道？

回到故事的出发点。
2021 年底，猿力科技 CTO、Motiff 联合创始人杨元祖带队投入软件运用方向。
契机很大略：当时团队在用 AI 代码助手 Github Copilot，只管当时 AI 还没有本日这么热，但所有人都在用它写代码。
这让团队意识到，如果能用 AI 结合效率工具，可能会带来巨大的生产力变革。
他们开始设想，能不能用 AI 来变革 UI 界面设计这个场景——团队很多人从 2018 年起就开始利用 Figma、也调研过海内的干系产品，但都觉得「可以做得更好」。

UI 界面设计应个人电脑而生，只要有屏幕的地方就有 UI 界面设计，比如淘宝、美团、滴滴等 App 的每一个细节都是 UI 设计。
而设计师的事情，对上要承接产品经理对业务的理解意图，对下要呈现一版直接面向用户的可交互界面。

追溯 UI 界面设计领域的历史，它大概经历了从像素时期、矢量时期再到协同时期的切换。
Photoshop 曾是网页设计师人手必备的像素时期设计工具；后来，Sketch 结合矢量设计，打造了一个专为 UI 设计师利用的编辑器；而 Figma 则打造了一个云端设计编辑器，让设计师及其高下游能实时协作，避免了过去来回传输文件协作的低效，因此拿下了 UI 界面设计 70% 以上的市场份额。

Figma 办理了 UI 界面设计的云端协同问题｜图片来源：Figma 官网

而当时的 Motiff 团队则看到还有很多低效的部分有待办理。
据极客公园理解，UI 设计的事情流一样平常分为三个环节：设计师先根据产品经理的需求设计相应的界面风格、确定后须要延续该风格以保持用户体验的同等性、不断调度用户界面以确保能实现最初的设计意图。
随着分工的风雅化，这个事情流中有大量重复性的、呆板的事情。

团队判断，可以用 AI 来办理这个问题——AI 最善于的从相同中学习规律，从而实现自动化、提高人的生产力。

「我们从第一天就想得比较明白，AI 是我们唯一把握的机会。
」Motiff 运营副总裁张昊然对极客公园表示。
在加入 Motiff 之前，他在猿辅导的斑马卖力产品和运营。

这个 Idea 看起来跟集团其他方向有所不同，更偏科技属性的创业。
「但实在没有什么不同，都是集团基于一套判断选择出来的方向。
」张昊然说。

他所说的这一套统一的判断，是猿辅导母公司基于过去上风的梳理，总结出的三条适宜自己的方向：

1）重产品和研发，过去猿辅导开拓了斑马、猿辅导等精良产品，且 2014 年的时候就成立了 AI LAB，这是其上风之一；

2）重品牌，过去公司打造了猿辅导等成功的教诲品牌；

3）重规模化的业务，过去教诲实际上是一个规模化的业务，团队也在过程中磨炼出了规模化做事能力。

可以理解羽绒服、月子中央、消费品等方向符合这三点，但为什么界面设计方向符合？

在张昊然看来，界面设计软件实质上磨练的是产品能力，由于设计师们用起来的体验是很直不雅观的；其次，它也重品牌，比如 Figma 就锁定了设计师们的心智；再次，这是一个规模化的、可以长久做下去的大赛道。

团队算过一笔账，Figma 一年大概向一位设计师收 4000 元旁边，软件付费还不及人力本钱的 1%。
团队判断，屏幕界面设计的数字化仍有增长空间。
Figma 一年收入在上亿美金，这个市场规模只会更大。

那么一个不得不问的问题是，作为一个新团队怎么能有实力寻衅 Figma？拿下 70% 以上市占的 Figma，险些没有真正的对手。

张昊然说，这正是「反直觉」的部分。
过去，Figma 的市场竞争是不饱和的，由于没有团队拥有足够的人才密度、根本举动步伐、并施以足够的把稳力。
但在 2021 年那个背景下，猿辅导这家估值近 200 亿美元、手握数十亿美元融资额、拥有教诲大战中卓越战绩和诸多资源积累的公司，盯上了这个赛道。
他们试图跟 Figma 掰一掰手腕。

「AI 的涌现让这个行业不再是 Figma winner takes all（赢家通吃）。
」张昊然说。

02 AI、决心和投入，或许是追赶的关键变量

想在界面设计赛道跟 Figma 争一争高低，核心就看能不能拿出比它性能更优的产品。
做出 AI 功能之外，还须要做出一个媲美 Figma 的具备云端协同能力的专业设计编辑器。
这意味着，要追上 Figma 积累近十年的顶尖界面设计技能，对产研磨练巨大。

这个目标看起来非常困难，乃至不太能实现。
但 AI 带来了改变的可能性。

在 AI 方面，团队过往是有技能积累的。
2014 年，猿辅导就成立了专注 AI 技能前沿探索与运用的 AI Lab。
当时，这个实验室研发了用于预测学生能力值的生理学 IRT（项目反应理论）模型，该模型的第一行代码便是由杨元祖写下。

在 AI 技能积累之外，与团队一起回顾过去两年半的研发进程，斗志和决心也是其追赶 Figma 的两大关键成分。

这彷佛是一支基于某种共同「信念」聚拢起来的产品研发团队。
在过去多年的教诲行业大战中，猿辅导通过高薪吸引了许多精良的产品研发人才。
他们有更远大的志向，希望做些不一样的事情，不论是为自己还是为公司。

有什么目标能比「寻衅 Figma」更吸引人呢？Motiff 正式立项后，猿辅导内部顶尖的工程师开始向其聚拢。
张昊然列举了猿辅导过去的核心项目，如斑马、猿辅导等，其卖力人都已加入个中。
有的从管理数百人转为管理数十人，这表明团队的战斗力变得更为精悍。

薪水侧面表示了这群人才的实力。
据理解，Motiff 工程师的薪水比同期大厂高不少。
张昊然认为，这样一支有战斗力且精良的产研团队，是 Motiff 最主要的竞争力。

实质上，这家公司大概相信这样一件事情：调集一帮最精良的人才，给他们一个清晰、远大的目标，他们就会投入决心和斗志，让不可能变成可能。
大概正因如此，他们以为一支教诲背景的团队，超过行业壁垒去做 UI 界面设计这件事，也并非不可实现。

比如如何快速理解界面设计行业、懂用户痛点？答案是努力学。
张昊然的方法是几个月内密集见了近 70 位各互联网公司的设计卖力人，末了对设计师的痛点如数家珍。
比如团队成员是这样理解用户痛点的：他们要将设计师们日常的事情录屏，然后反复不雅观看；他们还要用自家软件临摹出某 App 的 UI 界面。

又比如 Figma 沉淀了近十年的技能壁垒，要怎么追上？答案还是努力学。
Figma 的核心独家技能是云端设计协作，这对性能——即编辑器的流畅性、鲁棒性（稳定性）等磨练极大。
而海内干系研究屈指可数，「很多都是奥赛级别的难题。
」张昊然说。
而团队的方法是，从行业公开的技能报告里一点点学、并不断考试测验和「交学费」。

为理解决性能问题，他们乃至把底层技能架构推倒重来。
很多研发同事会在分享会上说，这是他们职业生涯做过最难、最强的项目。

张昊然说，之前团队预期用一年把这事做成，结果创造工程难度实在太大。
而办理办法也是一样的——便是投入更多的决心和资源。
2022 年，在研发近一年后，团队又在集团内部号召了第二波产研人才。
内部做好了投入至少 3-5 年的决心。

「你无法躲避，便是须要破釜沉舟的决心。
」张昊然说。
他认为在极度专注之后，很多看起来很难的事情，实在没有那么难。

经由两年半这件事终于做完了。
6 月 5 日，团队向环球发布了 Motiff 产品。
团队先容，这是继 Figma 之后环球第二家、也是海内首家自研 Web 端图形渲染引擎的产品，在多个性能方面逼近乃至超过 Figma。

Motiff 产品界面｜图片来源：Motiff

以流畅度为例，Motiff 的 FPS（画面每秒帧数）保持在 50 以上精良区间、Figma 为 40 旁边。
在鲁棒性方面，Motiff 在超过 100 万图层元素的单画布中依然可以顺畅编辑，而同样环境下 Figma 在达到 80 万图层时部分功能会受限。
同时，其价格比 Figma 更低。
Motiff 面向环球市场统一定价，个中根本版免费；专业版根本功能价格为 24 元/月（国际版 4 美元/月），研发模式 6 元/月（国际版 1 美元/月）；企业版根本功能价格为 90 元/月（国际版 15 美元/月），研发模式 18 元/月（国际版 3 美元/月）。
以此打算，企业采购的综合价格比较 Figma 低 80% 以上。

之以是定价更低——在张昊然看来，Motiff 定位在于 AI 设计，那么根本的设计协作功能该当作为「标配」、终极收费的核心要靠 AI 功能。
目前 Motiff 的 AI 功能限时免费。

Motiff 各版本定价｜图片来源：Motiff

03 没有业务历史包袱，AI 设计跑得更快

如果说追赶 Figma 已有的性能是起跑线，那么用 AI 技能改造界面设计软件这件事，才是团队真正主要的事情。

Motiff 很靠近本日我们常说的「AI Native」（AI 原生）企业。
也便是说，它是一个生来就带着用户痛点、希望用 AI 来办理的企业，而不是已经有成熟业务、希望用 AI 来改造的企业。
这是它和 Figma 的根本差异。

但张昊然认为更准确的说法该当是「AI Driven」（AI 驱动）。
跟那些先有 AI 技能、再探求运用处景的企业比较，Motiff 是先找到了运用处景、再用 AI 办理问题。

如果说在 Figma 主攻的云端协同方向，更像是前者已经交了一份 100 分的答卷，团队要努力琢磨怎么追平分数；而在团队率先做的 AI 设计方向，这则更像是一道开放试卷，怎么解题实在没有标准答案。

这带来的上风是，在没有过去业务历史包袱的情形下，团队对外既不用担心加功能会影响用户体验、对内也不用担心会面临的组织沟通等掣肘。
就像在一张空缺的纸上作画，轻松、随意马虎施展开。

通过不雅观察设计师日常事情行为，团队创造了个中高频的、高重复性的部分，这便是率先可以用 AI 来办理的。

比如团队创造，设计师们日常事情中有 50% 以上的动作是「重复」，即不断复制、粘贴、修正；他们还要不断调度页面布局、拖拽移动、对齐，以担保全体页面的有序；搭建一套统一风格的设计系统是很主要的，但很多企业没有实力搭建、或者掩护的本钱过高……这些事情耗费了设计师们大量的韶光、精力，也耗费了企业大量的本钱。

一个夸年夜的例子是，某大厂为了调度产品系列里两个卡片的间距，统共 2000 多个界面的修正——花 10 个设计师两周的韶光。

在 2021 年底，Motiff 试图用 AI 来改造这件事的时候，大模型还没有席卷环球，团队更多是基于传统的深度学习在做：即通过大量的数据演习，让 AI 能在这些重复的设计、行为中学到规律，终极实现自动化生产、达到设计事情的降本增效。

6 月 5 日，Motiff 展现了核心的五大 AI 功能：「AI 复制」、「AI 布局」、「AI 设计系统」、「AI 天生 UI」和「AI 邪术框」。

个中，「AI 复制」是把设计师日常事情中大量重复的「复制-粘贴-逐一修正」，一键用 AI 来完成，省去了繁琐的调度步骤。
「AI 布局」则让 AI 帮助设计师布局，让他们能兼得自由设计和构造化设计的上风。
张昊然先容，经由团队测试，在诸多场景下，利用这些 AI 工具可降落设计师 50% 以上的重复操作。

Motiff 的 AI 复制功能｜图片来源：Motiff

Motiff 的「AI 设计系统」则既可以让设计师在创建和掩护「设计系统」时，一键找出须要的组件和样式；也可一键对「设计系统」进行同等性检讨。
它把过去须要设计师花费至少几周才能完成的事情，缩减到只要几分钟。

而 2022 年底爆火的大模型技能，则紧张影响了这项「AI 天生 UI」功能。

很多人都看到过 GPT-4 的惊艳展示：仅仅在纸上画下 UI 界面的草图，ChatGPT 就能直接天生 UI 界面。
外界谈论甚多的是，大模型是否就此让 UI 设计从 GUI（图形交互界面）转向 LUI（措辞交互界面），从而颠覆全体 UI 行业。
乃至从这个角度来说，具备这项能力的大模型公司也可能会颠覆 UI 设计软件公司。

张昊然说，在最开始看到 GPT4.0 的演示时，团队内部也感到震荡、乃至害怕。
「你会以为自己过去的（AI）考试测验没故意义了。
」然而，在逐步意识到技能的边界后，这种恐怖感在逐步减退。
「实在做出一个看似可用的东西和实际可用的东西之间，有着巨大的 gap。
」他说。

但这的确是 UI 行业最主要的变量，gap 弥合的拐点不知何时到来，团队必须现在先跟上——因此团队也抓紧推出了「AI 天生 UI」这一功能。
用户只须要笔墨输入一段话，Motiff 就能呈现一版设计图稿。

Motiff 的 AI 天生 UI 功能｜图片来源：Motiff

张昊然先容，Motiff 的所有 AI 功能都比 Figma 做得更快。
而之以是能更快，没有业务历史包袱是一个很主要的缘故原由。
在他看来，传统玩家对已有工具做迭代是痛楚的，这是所有的老产品在碰着新技能时都会陷入的陷阱，很难战胜。

他认为，捉住先发上风、并且积累出品牌代价，将会变成 Motiff 的竞争上风。
目前，团队依然对这位强大的对手保持密切关注。

不过衡量产品有没有代价，核心是看有没有人买。
一个让团队振奋的案例是，就在产品发布之前，某家大型企业在 Figma 订阅到期之际，在试用 Motiff 之后，决定从 Figma 迁移到 Motiff。
这给了他们很大的信心。
「我们便是要在比较下胜出。
这种胜出一旦涌现 4-5 个，PMF（产品符合市场需求）或许就涌现了。
」他说。

他们的目标比 Figma 更大。
在张昊然看来，Figma 主打协同，实质办理的是效率问题（降落沟通本钱）。
而 Motiff 主打 AI，实质办理的是生产力问题，「这个代价远大于协同。
」

在一年半的环球 AI 热潮下，新 AI 产品层出不穷，Motiff 的故事算是很有代表性、又极为独特的那一类。
这是一个有明确市场需求、并极早投入 AI 技能的企业，一个在外力推动下出身的企业，一个巨子的零根本追赶者。
它身上展现出了这样一种可能性：一家企业如果清晰地知道自己善于什么、并能把握明确的市场机会，再投入罕见的决心和意志，或许就能打穿不同赛道壁垒、持续拿到赢的机会。
而 AI，也可能成为很多新入场者重构行业旧秩序的那道缝隙。

大模型为这个过程按下了加速键。
张昊然说，两年半前创业时，团队提 AI 生产力工具还没有人信。
而本日再提，听起来像是在蹭热度。
不过他不以为这是坏事。

「你非常怕的一件事是，你所期望的那个未来，做了十年都没有达成。
你须要一个外界变革的机会拐点。
」他认为，现在这个机会拐点已经来了。