mastergo ai是深度嵌入设计平台的智能助手，支持一句话生成可编辑界面、草图自动还原为高保真设计稿、设计稿直出vue/react代码三大能力，需精准描述需求并插入画布后迭代优化。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 不是独立的AI绘图玩具，而是深度嵌入MasterGo设计平台的智能助手，专为UI/UX设计师、产品经理和前端工程师解决真实业务场景中的效率瓶颈——比如用自然语言30秒生成可编辑的电商首页，或把一张手绘草图直接转成带组件结构的高保真界面。
它到底能做什么？先看三个硬核能力
方法一：一句话生成完整界面
输入“设计一个健身APP首页，含轮播图、分类导航、商品网格、底部四图标导航”，AI立刻生成带图层结构、组件命名、间距逻辑的矢量稿，不是静态图，而是能双击修改文案、拖拽调整布局的生产级画布内容。
方法二：上传草图自动还原成设计稿
手绘线框图、白板照片、甚至微信截图，上传后AI自动识别区块语义（导航栏→搜索框→列表项→按钮），匹配企业设计系统里的组件，输出符合品牌规范的可编辑界面。这一步【必须确保草图关键区域清晰可辨，模糊或重叠会导致识别错乱】。
方法三：设计稿直出Vue/React代码
选中已设计完成的页面→点击右键→选择“导出代码”→勾选Vue 3 + TypeScript →自动生成带Composition API、响应式布局、完整类型定义的组件文件，连CSS变量都按Design Tokens映射好了，前端工程师拿过去就能接业务逻辑。
新手上手第一步：找到并激活AI入口
第一步：登录MasterGo官网，进入任意项目画布或新建空白文件。
第二步：在顶部工具栏最右侧，找到蓝色AI图标（形似对话气泡+闪电），点击展开下拉菜单。
第三步：选择“AI生成界面”——注意别误点“AI设计助手”（后者用于局部润色）或“AI文案生成”（仅处理文字）。
第四步：页面跳转至AI输入页，此时你已站在生成流程起点，无需额外配置账号权限或开通试用。
为什么生成结果不理想？三个高频原因
描述太笼统：“做一个后台页面”→AI无法判断是数据看板还是用户管理，必须写清“包含左侧菜单栏、顶部搜索框、表格展示订单编号/状态/金额/操作列”。
颜色未指定：默认生成灰白风格，若需品牌色，务必在描述末尾加一句“主色调#FA2549”。
未声明设备类型：不写明“移动端”或“网页版”，AI会按通用比例生成，导致在手机预览时元素挤压变形。
真正能用起来的关键动作
生成后别急着导出，先点击“插入到画布”——这会让AI产出的所有图层以真实矢量对象形式落进你的项目里，支持选中单个按钮改圆角、批量替换字体、用自动布局调整卡片流式排列。
遇到不满意的地方，直接在AI输入框追加指令，例如“把轮播图高度增加20%”“让价格标签文字加粗”，无需重新描述整个页面。
对已插入画布的内容做修改后，右键图层→选择“AI重生成此区域”，AI会基于当前视觉上下文精准优化，而不是推倒重来。
