引领UI设计生产工具进入AI时代,猿辅导旗下Motiff发布三大AI功能

2023-09-15 09:53:17

近期,IXDC 2023国际体验设计大会在北京国家会议中心举行,共邀请全球800+企业,1000+名设计师共襄主题为“设计领导力”的创新盛会。作为全球最具影响力的创新设计大会之一,大会围绕创新、系统、商业三个关键维度,结合在AIGC领域的实践与应用,释放AI创作的无限可能。

作为AI时代设计工具,猿辅导的UI设计工具Motiff也在此次大会亮相,并在大会期间正式发布AI布局、AI设计系统、AI魔法框等三大AI功能。同时,猿辅导还宣布Motiff对外开放试用申请。这代表着,以AI驱动UI设计生产力革新的科技应用成果加速落地,Motiff正引领UI设计生产工具进入AI时代。

其中,布局是UI设计师最高频的操作之一、也是隐形的效率“杀手”,自由化布局和结构化布局之间的来回自由切换是设计师的核心诉求,猿辅导Motiff推出AI布局功能将直接解决UI设计师这一核心痛点。在猿辅导Motiff的AI布局模式下,AI可以自动识别结构化图层,帮助设计师完成结构化的调整间距、边距、响应式布局等操作。AI布局让设计师不再有繁琐设置结构化布局的心理负担,从而让设计师可以在自由化布局和结构化布局之间灵动自如切换。由于无需打破复杂的结构化布局即可快速回到自由布局模式,设计师可以在更多场景下符合直觉的进行自由布局设计,发挥更大的创意、更加突出符合产品价值的思考,大大提升设计师个体的生产力。

与此同时,设计系统是提升团队设计生产力的有力助手,Motiff的AI设计系统可以一站式完成“识别”-“整理”-“回溯”,有效帮助设计团队降低新建和迭代设计系统的成本,革新设计团队的整体生产力。

在猿辅导Motiff的AI设计系统里,设计团队可以实现一键扫描、让AI智能识别,批量获取组件库和样式,与此同时AI已经完备的整理好组件和样式的分类,最终呈现出组件和样式使用的频次及对应的场景、一目了然,有效辅助设计师进行设计决策,大大释放设计师的精力,使其回归创造性、审美性等方向的业务思考、用户洞察和设计思考。从AI设计系统提高时间效率方面来看,AI可以帮助组件的管理者大大缩短整理时间。原来新搭建一套设计系统,整理工作需要花费数周的时间,而每一次迭代组件要花费的整理时间也在数小时到数日,AI设计系统则可以将这部分繁琐的工作时间大幅度缩短,从而帮助更多的设计团队更轻松、更敏捷的实践设计系统。

而猿辅导Motiff的AI魔法框旨在探索一种人与AI共同协作的设计新方式,让AI对设计个体生产力和团队生产力的效率驱动形成合力,实现正向向前发展。猿辅导Motiff的AI魔法框是一种新的设计交互方式,设计师通过魔法框简单表达设计意图,AI识别意图后进一步帮助设计师将意图完整的呈现出来,实现AI与设计师的协作设计。引入AI魔法框工具后, AI可以帮助设计师更智能的引用组件、创建文本等,提升设计师从理解意图到呈现为专业化界面的过程效率,从而通过新的设计方式提升设计生产力。

Motiff总裁、原猿辅导产研负责人杨元祖表示:“AI驱动UI设计行业完成颠覆性的生产力变革,将是大势所趋。AI辅助搭建设计系统只是第一步,AI同时也在持续学习设计系统,最终将进化为一个‘懂设计系统的AI’、赋能团队,从而更精确的帮助团队生产出更贴近用户需求、更符合业务发展的设计,提升整个团队的效能”。

更多推荐

Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解

前言前面我们学习了Vue的基础入门,接下来我们学习有关Vue的模板语法,学习Vue语法能提高我们的前端开发效率Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。vue将模板编译成虚拟do

linux环境安装redis(亲测完成)

linux环境安装redis亲测完成前言一、redis简介Redis与其他key-value缓存产品有以下三个特点:Redis优势二、安装redis1.下载安装包2.创建服务器安装路径3.上传安装包4.解压安装包5.依赖安装6.编译三、启动1)默认启动错误解决方式2)指定配置启动2.1)备份配置文件2.2)修改配置文件

最完整的Markdown基础教程

开发写文档常用的内容包括:转义字符、时序图、流程图、表格1.Markdown显示转义字符可以用4个反引号2.时序图#mermaid-svg-KecZDU8WrsAVXm4d{font-family:"trebuchetms",verdana,arial,sans-serif;font-size:16px;fill:#3

NotePad++ 在行前/行后添加特殊字符内容方法

我们在处理数据时,会遇到需要在每行数据前面、后面、开头、结尾添加各种不一样的字符如果数据不多,我们可以自己手动的去添加,但如果达到了成百上千行,此时再机械的手动添加是不现实的这里教给大家如何快速的在数据每行的前后加不同的字符(任何汉字、字母、符号都可以)首先下载一个Notepad++(相信各位不会陌生,比自带的记事本强

Pytorch中张量矩阵乘法函数(mm, bmm, matmul)使用说明,含高维张量实例及运行结果

Pytorch中张量矩阵乘法函数使用说明1torch.mm()函数1.1torch.mm()函数定义及参数1.2torch.bmm()官方示例2torch.bmm()函数2.1torch.bmm()函数定义及参数2.2torch.bmm()官方示例3torch.matmul()函数3.1torch.matmul()函数

Git使用方法与IDEA集成Git

1.Git介绍1.1版本控制(理解)无论是代码编写,还是文档编写,我们都会遇到对文档内容反复修改的情况。1.2开发中存在的问题(理解)程序员小明负责的模块就要完成了,就在即将提交发布之前的一瞬间,电脑突然蓝屏,硬盘光荣下岗!几个月来的努力付之东流​老王需要在项目中加入一个很复杂的功能,一边尝试,一边修改代码,就这样摸索

C++:vector

目录vector的模拟实现一.初定义二.相关功能2.1迭代器2.2capacity1.size2.capacity3.reserve(扩容)4.resize2.3access2.4modify1.push_back2.pop_back3.empty4.swap5.insert6.erase2.5构造函数与析构函数1.构

UDP与TCP报头介绍,三次握手与四次挥手详谈

先介绍我们UDP/TCP协议缓冲区在UDP和TCP在数据传输和介绍时有有缓冲区概念的。UDP缓冲区UDP没有真正意义上的发送缓冲区.调用sendto会直接交给内核,由内核将数据传给网络层协议进行后续的传输动作;UDP具有接收缓冲区.但是这个接收缓冲区不能保证收到的UDP报的顺序和发送UDP报的顺序一致;如果缓冲区满了,

【C进阶】指针和数组笔试题解析

做题之前我们先来回顾一下对于数组名的理解:除了以下两种情况,数组名表示的都是数组首元素的地址(1)sizeof(数组名):这里的数组名表示整个数组(2)&(数组名):这里的数组名也表示整个数组一、一维数组inta[]={1,2,3,4};printf("%d\n",sizeof(a));printf("%d\n",si

如何在Blender中压缩/减小GLTF模型的大小

GLTF如何在Blender中压缩/减小GLTF模型的大小Blender是一款功能强大的开源软件,旨在创建3D图形,动画和视觉效果。它支持多种文件格式的导入和导出,包括GLB,GLTF,DAE,OBJ,ABC,USD,BVH,PLY,STL,FBX和X3D。这种适应性使其成为各种3D项目和工作流程的宝贵工具。(http

使用ChatGPT和Blender绘制金色球的完整指南

简介:在本篇博客中,我们将了解如何结合使用ChatGPT和Blender来创建一个金色的球体。ChatGPT是OpenAI开发的强大自然语言处理模型,而Blender则是一款流行的3D建模和渲染软件。通过结合这两个工具,您可以获得详细的指导,帮助您在Blender中绘制一个逼真的金色球体。第一步:准备工作确保您已经安装

热文推荐