Skip to content

AI 设计助手

AI 设计助手是 MasterGo 画布内的 AI Agent。它既可以回答设计和产品使用问题,也可以根据自然语言指令生成或修改画布内容。

谁能使用

AI 设计助手目前通过白名单向 SaaS 企业版客户开放,私有化客户可通过云地混合方式部署。开通后,拥有产品席位或设计席位的企业成员可以使用。

使用前确认

  • AI 设计助手消耗企业积分,不使用个人积分。
  • 研发席位没有画布编辑权限,因此不能使用需要修改画布的 Agent 能力。
  • 如未看到入口,请联系企业管理员或客户经理确认是否已开通。

打开 AI 设计助手

  1. 打开一个设计文件。
  2. 点击编辑器右侧的 AI 设计助手入口,或按 Option + 3
  3. 根据任务选择 Agent 模式或 Chat 模式。

选择工作模式

Agent 模式

Agent 模式可以调用画布编辑能力,生成完整设计稿或修改选中的图层。默认情况下,编辑操作会在执行前请求确认;你也可以在设置中开启自动运行工具。

AI 设计助手 Agent 模式

Chat 模式

Chat 模式只提供对话,不修改画布。适合咨询设计方法、梳理需求、查询 MasterGo 使用方式,或在生成前优化提示词。

AI 设计助手 Chat 模式

生成完整设计稿

  1. 切换到 Agent 模式。
  2. 描述目标用户、页面用途、核心功能、布局和视觉要求。
  3. 选择生成方式:自由绘制、预置团队库或自定义团队库。
  4. 确认生成操作,在画布中检查结果。
  5. 如需调整,选中目标图层后继续描述修改要求。

选择设计稿生成方式

  • 自由绘制:不受设计规范约束,适合快速制作原型和探索视觉方向。
  • 预置团队库:使用 MasterGo 提供的 AI 友好型组件库生成,例如 Ant Design、Element UI。
  • 自定义团队库:使用企业自己的团队库,让生成结果贴近现有设计系统。

自由绘制示例

使用自定义团队库生成

其他画布能力

任务使用说明
图片填充与处理生成图片,或对选中图片进行风格化、抠图和扩图
生成 SVG 图标根据描述生成可编辑的矢量图标
生成图表根据数据和图表要求创建数据图表
处理文本翻译、改写文本或修改文字属性
重命名图层批量修改所选图层的名称
生成设计规范根据所选设计内容整理视觉规范
检查设计规范按指定团队库检查所选图层

会话与设置

  • 新建会话:点击“+”开始不受历史上下文影响的新会话。
  • 历史会话:记录仅自己可见,并按文件区分;当前文件中不会显示其他文件的会话。
  • 面板设置:支持调整面板位置,以及设置 Agent 工具是否自动运行。

提示词建议

提示词越具体,生成结果越容易控制。建议至少说明:

  • 页面类型和目标用户;
  • 核心任务、页面模块和业务逻辑;
  • 布局、尺寸、文案和视觉风格;
  • 使用自由绘制、预置团队库还是自定义团队库;
  • 哪些内容必须保留,哪些内容不要修改。

例如:

使用 Ant Design 团队库生成一个 PC 端注册页。页面包含品牌区、手机号注册表单和底部说明;整体使用浅灰背景,风格简洁、具有科技感。

如果只需调整局部,请先选中目标图层,再明确说明需要修改和保持不变的内容。多轮修改后方向仍不理想时,可以新建会话重新生成。

常见问题

问题处理方法
看不到 AI 设计助手入口确认企业已开通、当前席位具有画布编辑权限
Agent 修改范围不正确先选中目标图层,再说明只修改选中内容
生成结果不符合设计系统选择正确的预置或自定义团队库,并在提示词中说明规范要求
多轮调整后结果混乱新建会话,重新提供完整需求和限制条件