一句话生成UI，猿辅导母公司做了“AI版Figma” | New Things

Figma 20%的价格，1.5倍的流畅度，2倍的同时可在线人数。

猿辅导母公司到底是家什么公司？

A. 教培公司；B. 咖啡公司；C. 羽绒服公司；D. 月子中心。

答案是全选。

自2021年以来，猿辅导母公司的业务版图，就从教培扩充到了精品咖啡Grid、高端羽绒服SkyPeople，以及月子中心茉莉智慧。

而到了2024年，这个问题的答案，多了一个选项：AI设计。2024年6月5日，筹备了近两年的AI设计软件Motiff（妙多），在新加坡完成了首秀。

图源：Motiff

Motiff瞄准的市场，是UI（用户界面）设计，与教培依然相去甚远。Motiff运营副总裁张昊然告诉36氪，团队的自信，一是来源于猿辅导AI Lab成立10年来的积累技术，二是因为，AI技术的发展，让团队看到了颠覆Figma的机会。

这款开启了协同设计时代的软件，在UI设计领域有着高达80%的市占率，也是Motiff对标的产品。张昊然如此比喻两者的差异：Figma是手动驾驶，Motiff是自动驾驶。

Motiff首秀的舞台，选在了亚洲人工智能大会SuperAI，意在做全球市场的生意。与之同台的，还有世界三大云厂商微软、谷歌和AWS，黑红的AI独角兽Stability AI，以及一众硅谷明星AI公司。

张昊然认为，Motiff的机会，在全球规模达2000多亿美元的SaaS市场。实用和性价比，是Motiff竞争的切入口：增加AI功能的同时，Motiff的定价只有Figma的20%。

不过，舞台再大，Motiff终究逃不过设计师用户的灵魂拷问：一家教培公司做的设计应用，到底好不好用？

一句话生成UI，一拉实现复制粘贴

实用，在Motiff看来，是对设计师而言最大的产品价值。

张昊然认为，让AI产品具有实用性，则需要找到高频场景，这也是验证PMF（Product Market Fit）的前提。

比如复制、粘贴的“重复”动作，是Motiff用AI改造的高频场景。基于AI对布局的理解能力，原有Cmd+V、Cmd+C的重复动作，被Motiff简化成了一步到位的下拉动作。

图源：Motiff

而Motiff的下拉，并非仅仅是对原有组件的1:1复制，而是更懂设计师心思的智能排布。

比如填充进复制组件中的内容，来源于历史设计稿，而内容排布的逻辑，依据一定的标签逻辑。设计师在提升复制效率的同时，还能减少修改填充内容所消耗的时间。

图源：Motiff

“布局”，则是Motiff瞄准的另一个高频场景。

Motiff的布局功能，可以同时满足套用结构化模板和灵活调整的两种设计需求。比如在页面布局中添加结构化的组件后，设计师还可以自由添加小组件，并且调整组件的间距。

图源：Motiff

不过，无论是一键复制粘贴，还是灵活调整布局，都仍然是利用AI技术，提高UI设计的效率。

张昊然认为，要让AI设计工具成为生产力，就需要让AI理解设计师的意图，智能生成UI。

目前，Motiff已经初步实现了“文生UI”。通过“AI实验室”功能，设计师只需用长文本描述所需的界面类型、组成部分，以及定制化的描述，就能输出一个完整的UI界面：

图源：Motiff

图源：Motiff

而在设计阶段，设计师往往需要比较不同想法下的UI呈现效果，若是根据每一个点子进行打样，需要消耗高昂的人力和时间成本。

Motiff的另一个AI功能，“AI魔法框”，则能根据设计师的草图，生成基础的UI设计。设计师只需给出设计草稿，“AI魔法框”就能基于框的大小、位置关系解析设计师意图，并给出可能想要达到的效果。

对标Figma：20%的价格，1.5倍的流畅度

估值125亿美元的设计软件Figma，是自2021年成立第一天起，Motiff对标的产品。

在张昊然看来，Figma在设计工具发展史上具有划时代的重要意义——目前为止，设计工具的发展经历了3个重要的时代，分别由三个工具开启：Photoshop开启了像素时代，Sketch开启了矢量时代，而Figma开启了协同时代。

一方面，Motiff的基础功能全面对标的是Figma。目前，Motiff已经涵盖了Figma 90%的基础设计功能，并且支持Figma社区中最高频使用的插件。

对Figma生态的支持，也让企业从Figma生态迁移到Motiff的成本更低。张昊然告诉36氪，目前已有意向客户仅用2周的时间，就将工作流从Figma迁移到了Motiff。

另一方面，Motiff想要与Figma同台竞争的舞台，是后者瞄准的全球市场。

对按订阅收费的SaaS类软件而言，SaaS市场成熟度更高的海外有更为优渥的发展土壤。尤其是北美市场，近5年来，不少SaaS产品保持了80%以上的毛利率。

高性价比，是Motiff作为新玩家，快速切入市场的定价策略。

2024年1月31日以来，Figma的开发者模式正式结束了免费生涯，改为团队用户每月25美元，企业用户每月35美元。

据了解，Motiff的定价，综合计算比Figma便宜了80%。其中，Motiff专业版基础功能价格为24元/月（国际版4美元/月），研发模式6元/月（国际版1美元/月）；企业版基础功能价格为90元/月（国际版15美元/月），研发模式18元/月（国际版3美元/月）。

值得注意的是，Motiff采取了全球统一定价。张昊然告诉36氪，Motiff的供应链和基础设施是全球性的，各地区的利润结构比较统一；同时，目前Motiff基础功能的定价，不管在哪个区域性的市场都比较有竞争力。

“长期来看，统一定价是更为简单的商业策略，能够让团队的注意力更聚焦到统一战略上。”他表示。

想要吃下Figma的市场，意味着在基础功能上，Motiff也要具有更强的竞争力。

多用户协同、多图层同时操作，是设计软件界的“卡车碾压测试”。目前，Figma最多支持100名用户同时协作编辑，当单画布的编辑图层过多，页面还会出现卡顿的情况。

而Motiff支持的同时在线编辑人数为200人，直接翻了倍。通过对数据架构和建模合理性的优化，Motiff能够支持100万图层下的流畅编辑。即便每周使用 1000 分钟编辑器，Motiff的年平均崩溃次数不超过 1 次。

图源：Motiff

AI工具要构建竞争壁垒，是真正成为生产力

先前在咖啡、羽绒服等领域的经验，已经让猿辅导母公司对跨界的方向，总结出了一套成熟的评价体系：一，市场足够大吗？二，长期做下去壁垒有多深？

成立之初，Motiff团队就判断，不论是电脑、手机，还是汽车，有屏幕的地方就有UI。Figma已经证明，仅UI设计一个垂直领域，就能让一家设计初创公司，用10年的时间成长为被Adobe垂涎的估值125亿美元的香饽饽。

但要吃下Figma的市场，意味着Motiff的功能，必须颠覆上一个时代的设计工具。

Figma的崛起，关键在于切中了企业设计团队对相互协作的需求。在使用过程中，即便协同提高了团队的沟通效率，但设计师仍然要承担大部分琐碎的生产工作。

到了AI时代，Figma的模仿者不少，但彻底颠覆Figma，将用户成功迁移到自己生态上的产品，还没有出现。张昊然将不少AI设计工具视作“玩具应用”，其核心特点是，只用AI提高了生产效率，但没有让AI成为真正的设计生产力。

而让设计工具脱离玩具应用，成为设计生产力的关键，是让AI认识UI。张昊然透露，Motiff背后的AI技术可以分成三个部分：

· 生成式大模型：目前接入第三方模型API，负责理解文字、图片和UI；

· 领域模型：Motiff自研的设计系统模型、布局模型；

· 通用模型：目前接入第三方模型API，负责生成文字和图片。

三类模型构成的AI大脑，是Motiff能够理解并执行设计任务的智慧来源。张昊然认为，未来设计师的工作将会更聚焦在思考和给出创意，AI设计工具则负责执行创意，并且更高效地完成工程交付。

但未来，Figma也必然会上线AI功能。面对巨头下场的隐忧，张昊然告诉36氪，时间窗口对初创项目而言十分重要：“最重要是时间窗口，以及在时间窗口中能不能产生用户价值、能不能打造品牌。”

文章来自于36Kr, 作者周鑫雨