# 热门搜索 #
搜索
一句话生成UI,猿辅导母公司做了“AI版Figma” | New Things
8642点击    2024-06-06 17:24

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, 作者周鑫雨


关键词: AI设计 , AI版Figma , Motiff , AI UI
AITNT资源拓展
根据文章内容,系统为您匹配了更有价值的资源信息。内容由AI生成,仅供参考
1
AI工作流

【开源免费】n8n是一个可以自定义工作流的AI项目,它提供了200个工作节点来帮助用户实现工作流的编排。

项目地址:https://github.com/n8n-io/n8n

在线使用:https://n8n.io/(付费)


【开源免费】DB-GPT是一个AI原生数据应用开发框架,它提供开发多模型管理(SMMF)、Text2SQL效果优化、RAG框架以及优化、Multi-Agents框架协作、AWEL(智能体工作流编排)等多种技术能力,让围绕数据库构建大模型应用更简单、更方便。

项目地址:https://github.com/eosphoros-ai/DB-GPT?tab=readme-ov-file



【开源免费】VectorVein是一个不需要任何编程基础,任何人都能用的AI工作流编辑工具。你可以将复杂的工作分解成多个步骤,并通过VectorVein固定并让AI依次完成。VectorVein是字节coze的平替产品。

项目地址:https://github.com/AndersonBY/vector-vein?tab=readme-ov-file

在线使用:https://vectorvein.ai/(付费)