MasterGo AI 设计助手

简介

AI 设计助手是 MasterGo 在画布内为用户提供的 AI Agent,能够在不同设计或协作场景下协助用户完成多种任务。

谁能使用

AI 设计助手目前仅支持白名单方式为 SaaS 企业版客户开通,私有化客户可通过云地混合方式部署。 开通后,分配有设计席位和产品席位的企业成员,打开任意文件,在右侧点击 AI 设计助手即可使用;也可以使用快捷键 Option + 3 切换到 AI 设计助手面板

⚠️ 注意:

  • 企业管理员请及时联系客户经理获取企业积分
  • AI 设计助手不支持消耗个人积分
  • 研发席位因为没有画布编辑权限,所以无法使用 AI 设计助手

模式选择

AI 设计助手有两种工作模式:

Agent 模式

850X850.PNG 此模式下,设计助手可以直接调用各种画布编辑能力接口,使其具备设计稿自动绘制等核心能力。 Agent 模式下,具体可以执行的任务有:

  • 生成完整设计稿:按照指定的团队库,生成符合设计系统规范要求的生产级设计稿,也可以脱离规范自由生成设计创意或原型;
  • 局部修改:仅对画布上选中的图层范围进行修改;
  • 生成图片:生成 jpg 格式的图片,例如选中多个容器,让 AI 设计助手生成不同的图片并填充进容器;
  • 图片处理:对选中的图片进行风格化处理、抠图、扩图等;
  • 翻译或改写文本
  • 修改文字属性
  • 重命名图层:对选中的一个或多个图层的名称做批量修改;
  • 生成数据图表
  • 生成图标
  • 生成设计规范:参考选中图层的颜色、圆角、特效等信息,生成整套视觉规范;
  • 设计规范检查:按照指定的团队库,检查选中的图层是否符合设计规范;
  • 优化画布性能:自动清理和修正当前文件的缓存数据,提升操作流畅度、降低内存占用,对图层数量大于 10w 的文件效果显著。

Chat 模式

850X850 (1).PNG Chat 模式下,用户可以把 AI 设计助手视为一个提供咨询建议的设计专家,询问有关设计领域的知识、方法,或有关 MasterGo 的使用方式和技巧等。

生成完整设计稿

生成完整设计稿是 MasterGo AI 设计助手的核心功能,用户输入提示词即可生成高保真原型。提供自由绘制、预置团队库、自定义团队库三种生成方式。 850X850 (2).PNG

  • 自由绘制:无设计规范约束,适合快速产出原型、获取设计灵感等;

3fb171b4-4337-4dda-a6cf-639667cc5d39.png

  • 预置团队库:使用 MasterGo 官方提供的、预先配置好的 AI 友好型组件库生成设计稿,预置组件库包括 Ant Design、Element UI 等,会持续补充更多开源设计系统;
  • 自定义团队库:使用企业自己的团队库生成设计稿,需要对团队库做一些改造,了解 AI 友好型组件库搭建指南

e4e15e24-da3a-4553-a5a9-aebb21cdc12a.png

AI 设计助手工具栏

新建会话

AI 设计助手会参考同一会话中的上下文,点击“+”创建新的、不受历史上下文影响的会话。

历史会话

f84141db-9f32-4a25-ade2-7b55b1c051c1.png 历史会话记录仅自己可见,不会共享给文件协作者。在当前文件中,无法看到在其他文件中的历史会话。如果会话中有未读消息,会显示红点。

设置

17e21cd9-5368-484a-9088-09ad14572f0f.png 支持修改 AI 设计助手面板的位置。 支持在 Agent 模式下,自动运行工具而无需用户二次确认。

使用技巧

提示词应尽可能清晰、具体

例如,在生成完整设计稿时,提示词建议包含以下要素:

  • 目标用户是谁
  • 想要解决的问题或主要功能有哪些
  • 功能的业务逻辑和交互逻辑
  • 一定要体现的视觉或交互元素
  • 期待或要求的页面结构和布局方式
  • 期待或要求的文案和视觉风格,是否有可参考的产品或设计稿
  • 设计原则
  • 其他限制条件,例如一定不要出现哪些元素或文案;在修改设计稿时,也可以明确哪些内容一定不要修改

正面案例

根据以下描述生成一个PC端注册页面:

参考使用Ant Design的样式和组件。背景色F1F2F3,适当添加点、线装饰,凸显简约和科技感。

顶部品牌区:居中展示Ant Design品牌标识(LOGO+“Ant Design 5”文字),下方副标题说明“全球最具影响力的开源设计系统” 

主体表单区:仅支持中国地区手机号码短信验证注册,需要手机号码输入规则验证和相应提示。

底部信息区:展示“蚂蚁金服体验技术部出品”

反面案例

设计一个登录页面

持续优化生成效果

当对生成效果不满意时,尝试下面方法持续优化:

  • 如果对整体不满意,可以重新生成,反复抽卡;
  • 如果对局部不满意,选中不满意图层,AI 设计助手会自动将其添加到提示词的上下文中,结合新输入的优化思路或修改建议进行修改;
  • 多轮修改后仍不理想,可以尝试新建会话重新生成,避免过多上下文产生干扰;

在 Chat 模式下优化提示词

切换到 Chat 模式,输入核心设计诉求,让 AI 设计助手帮助你撰写提示词。

提供反馈

点击 AI 设计助手消息下方的“顶”或“踩”图标提供反馈,以便于我们持续优化生成效果。