AI掌握UI设计软件的核心要素：Motiff实践

科技周边不知道大家是否熟悉？今天我将给大家介绍《AI掌握UI设计软件的核心要素：Motiff实践》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

大模型（LLM）的发展让整个世界的注意力都聚集在AI上, 所有工具都值得用AI重做一遍，UI设计工具也是如此。

UI设计领域的专业工具发展到今天，大概经过了30多年的时间，但整个周期下来也只经过了三款主流的工具，从Photoshop到Sketch，再到最近几年的Figma，并且都是国外厂商。

在这个以“赢者通吃”为特点的市场中，人工智能为我们提供了一个可以颠覆的机会

十年前，看云控股集团成立了AI Lab，并投入了百亿研发，致力于将AI技术真正落地于行业应用。Motiff是看云控股集团内部研发的一款AI时代设计工具，虽然Motiff是在2021年才立项，但团队成员对其展现了极大信心，相信经过猿辅导，斑马这些成熟项目，在产研能力上的积累迁移到SaaS领域，具备充分的竞争力。

历时近两年的研发，今年8月，Motiff正式亮相，在初期的专家体验和测试中中，AI功能切入的方向和场景受到了广泛认可，让AI在UI设计工具领域有了更真实的应用与实践。

AI时代，UI设计工具正在进化

设计工具的变革有明显的时代印记。

图形界面的发展可以追溯到40年前，第一个出现的图形界面距离今天已经过去了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运营副总裁张昊然表示，判断它是否为下一代产品的一个特征是它是否在根本上改变了生产关系和生产力

在人工智能时代，主流的设计工具已经努力引领着生产变革的潮流。然而，在新的时代背景下，国内需要拥有可以与这些主流工具并肩的国产设计软件

两年前，猿辅导正在向新的领域进发，方向之一就是企业服务，更细分来看，其选择了从打造一款UI设计工具开始。设计工具作为专业领域的生产工具，做到头部的产品就能拿下绝大多数用户。如果能做出一个相较上一代产品颠覆生产力的工具，就有机会能够在很长一段时间内占据市场，Motiff正是在这样的背景下诞生。

张昊然表示： UI设计领域天然具备较强的逻辑性和结构化特性。因此，AI 能深入到UI 设计的很多场景解决问题是确定的。如果能将AI技术深入地融合到UI设计领域，引领设计工具进入AI时代，将带来巨大的生产力变革和效率提升。

作为一款SaaS产品，Motiff也结合了看云集团十余年来的AI 研发能力和产品研发经验。2021年Motiff正式立项，Motiff在今年8月正式亮相。

Motiff如何利用人工智能将专业设计工具装备起来？

Motiff的目标并不是要做一个"国产替代"的产品，而是希望通过产品创新定义一种新的工具。从项目立项研发的一开始，Motiff就坚定地以人工智能驱动的专业化工具为方向，并在资金、人才等各个方面进行了充分的储备和支持。Motiff已经做好了长期竞争的准备，将真正成为人工智能时代的设计工具

在AI应用方面，看云集团已经积累了十年的经验，并成功将AI技术应用于教育、数字出版等多个领域。在AI技术方面，该集团已经建立了一支实力雄厚的国际化技术团队，并向业界开源共享了超过5项自主研发技术，技术方向多次获得全球第一的成绩

在Motiff朝着新的使命前进的路上，是由看云控股副总裁、原猿辅导产研负责人杨元祖带队，是一支成熟AI团队的再次出发。

产品的开发应该从需求出发，Motiff也是基于行业痛点，利用人工智能来武装自己。Motiff在推出时发布了三个独特的人工智能功能：AI布局、AI设计系统和AI魔法框

“AI布局”是Motiff使用AI来辅助识别复杂图层的结构关系，让AI直接帮助用户形成层级和逻辑清晰的布局。在UI设计师的日常工作中，布局是最高频的操作之一、繁琐的布局调整也是隐形的效率杀手。

在设计师自由布局后，如果期望结构化的调整，AI可自主识别结构化，完成结构化后，批量修改页面将更高效。结构化和自由化之间可以灵活切换，更保持了设计师的设计初心，而同时，也可以想结构化时通过AI再次结构化、使得批量修改和响应式修改更加便利。

“AI设计系统”可以一站式搞定“识别”-“聚类”-"洞察"，获取样式和组件、无需再翻遍海量文件。不再需要设计师繁琐地在过去的设计稿中检索所有的样式和图鉴，交由AI识别并进行归类统计后，设计团队的实践可以由AI一键开启

张昊然是Motiff公司的运营副总裁

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的落地应用有充足的信心。

理论要掌握，实操不能落！以上关于《AI掌握UI设计软件的核心要素：Motiff实践》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！