MasterGo AI 在处理多端线框图这事儿上，逻辑其实挺直观的——不靠手动调尺寸，而是通过明确指定设备类型加上结构描述，让 AI 直接输出对应尺寸和布局逻辑的初稿。关键就一句话：“一次输入、多端分发”，而不是后期缩放或重绘。
它预设了三类设备模板：网页版默认以1440px宽度生成，自带响应式容器，比如栅格、弹性导航栏、侧边栏折叠示意；移动端按iPhone 15的390×844尺寸跑，顶部状态栏、底部Tab栏、手势区域留白这些细节一上来就配好；后台系统则套用Ant Design或Element Plus的组件规范，侧边菜单+顶部导航+内容区这个经典布局直接成型，专为桌面大屏优化。
选对生成模式：网页 / 移动端 / 后台三类预设
先别急着写提示词，第一步得选对目标设备形态。如果写“首页”这种泛泛的词，AI很难精准触发多端差异。需要加入设备特有的交互和结构关键词来锁定行为特征。
举个例子：想生成移动端首页，就写“移动端首页，含下拉刷新指示器、底部常驻导航栏、支持滑动切换商品卡片”。这样AI会自动避开网页式的悬浮按钮，启用触控友好的组件方案。换到PC管理后台，描述要变成“PC管理后台，左侧可收起菜单、顶部显示用户头像和通知气泡、表格支持列拖拽排序”。AI会据此匹配桌面端的高密度操作逻辑.
最怕的是模糊表述，比如“适配手机和电脑”。这种一句话真搞不定——正确的做法是拆成两个独立生成任务，分别给每个设备输入完整的描述。
用提示词锁定设备行为特征
生成完一个设备的线框图后，别傻傻地从头再输一遍需求。有个更省力的办法：直接复制当前页面，在新页里输入“将此移动端Wireframe转为网页版布局，保留导航结构和卡片流，改为顶部横向导航+三栏内容区”。这样一来，AI能识别原结构的语义，只对容器关系做重排，组件功能逻辑保持不变。
如果需要对比查看，在同一个文件中并排放两个页面就行，用MasterGo的“页面列表”功能快速切换，非常方便。
生成后快速复用结构，不重做
线框图阶段别太较真视觉精致度，重点要验证两件事：信息架构和流程路径。生成后点击“插入到画布”，用测量工具检查关键间距——比如移动端按钮高度是否大于等于44px。右键图层可以直接切到“Wireframe模式”，变成灰阶、无填充、细描边，视觉干扰瞬间降低。
导出时，PNG固然适合评审用，但更推荐同时导出HTML版本。MasterGo导出的Wireframe HTML可以真实点击跳转，用来验证流程闭环确实靠谱。