来源:猎云网;文/邵延港
大模型(LLM)的发展让整个世界的注意力都聚集在AI上, 所有工具都值得用AI重做一遍,UI设计工具也是如此。
UI设计领域的专业工具发展到今天,大概经过了30多年的时间,但整个周期下来也只经过了三款主流的工具,从Photoshop到Sketch,再到最近几年的Figma,并且都是国外厂商。
在这个头部公司表现出“赢者通吃”的市场,AI提供了一个可以颠覆的机会。
十年前,看云控股集团成立了AI Lab,并投入了百亿研发,致力于将AI技术真正落地于行业应用。Motiff是看云控股集团内部研发的一款AI时代设计工具,虽然Motiff是在2021年才立项,但团队成员对其展现了极大信心,相信经过猿辅导,斑马这些成熟项目,在产研能力上的积累迁移到SaaS领域,具备充分的竞争力。
历时近两年的研发,今年8月,Motiff正式亮相,在初期的专家体验和测试中中,AI功能切入的方向和场景受到了广泛认可,让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一键开启。
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的落地应用有充足的信心。