mastergo 本身不支持 ai 自动生成可切图的 ui,需将第三方 ai 工具生成的图片导入后手动转为切图图层,并配置命名、倍率与预设,再通过快捷键或研发模式批量导出。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo 目前没有内置的「AI 生成 UI」功能,也没有官方推出的 MasterGo AI 工具。所谓“MasterGo AI 生成 UI 后一键导出切图”,实际是用户将第三方 AI 工具(如 Galileo、Galley、Viso、Uizard 或国内平台如即时设计 AI、通义万相等)生成的 UI 设计稿,导入 MasterGo 后进行人工整理与切图交付——整个流程中,AI 不参与导出环节,切图仍需设计师手动配置并执行。
先确认:AI 生成的内容不是“可直接切图”的图层
AI 输出的通常是 PNG/JPG 图片或 SVG 矢量文件,导入 MasterGo 后默认为普通图层,不支持设置 @2x/@3x 倍率、无法添加命名后缀、也不能批量进切图列表。必须先将其转为「切图图层」才能启用专业导出能力。
- 选中 AI 导入的图片 → 点击顶部工具栏「切图」图标(或按快捷键 S)→ 拖拽框选整个区域 → 松手后自动生成独立切图图层
- 若导入的是多组件拼合的整图,建议用「钢笔工具」或「矩形选区」逐个框选按钮、图标、卡片等元素,分别创建多个切图图层,便于开发按需调用
- 切记:未转为切图图层的图层,右侧面板「导出」模块里倍率选项是灰色禁用状态
命名与预设:让 AI 产出适配开发习惯
AI 生成稿往往缺乏规范命名,而开发识别依赖文件名中的平台标识和尺寸信息。导入后建议立即重命名图层,并搭配预设快速配置:
- 双击图层名,改为语义化名称,例如:
home_search_bar、profile_avatar_icon - 选中图层 → 右侧「导出」模块点「+」→ 点击左上角预设开关 → 选择 iOS 或 Android → 自动填入 PNG 格式 + 2x/3x 倍率 +
@2x/@3x后缀 - 如需统一加前缀(如
ios_),可在预设编辑页自定义,或在导出项中手动输入「文件名前缀」
批量导出:跳过单个操作,直送开发包
完成所有切图图层创建与参数设置后,无需逐个点击导出。推荐两种高效方式:
- 快捷键唤出切图列表:Mac 按 Shift + Command + E,Windows 按 Shift + Ctrl + E → 全选(Cmd/Ctrl+A)→ 确认格式/倍率一致 → 点击「导出」→ 选择本地文件夹,自动打包下载
-
研发模式下操作:右上角开启「研发模式」→ 左侧边栏切换「切图列表」→ 勾选目标项 → 支持按名称筛选、隐藏非必要切图 → 一键批量导出,文件名含图层名+倍率+后缀(如
home_search_bar@2x.png)
进阶提示:AI + MasterGo 协作提效关键点
真正提升效率的不是“AI 自动生成即导出”,而是把 AI 当作初稿引擎,MasterGo 当作交付中枢:
- AI 输出后,在 MasterGo 中用「自动布局」重构组件,再为其添加切图设置——这样后续修改尺寸或文案时,切图会随布局自动适配,不用反复重切
- 对图标类资产,优先用矢量形状绘制(而非导入 PNG),再转为切图图层 → 导出 SVG 格式供前端直接内联,减少 HTTP 请求
- 若 AI 生成了多状态组件(如开关、标签页),可在 MasterGo 中用「变体」组织,每个状态单独设切图 → 切图列表里会显示为不同条目,开发可清晰区分











