墨刀AI草图转原型怎么上传

墨刀AI草图转原型的入口在“AI工作台”里的“AI生成原型”功能，手机端在App底部导航栏点“+”选“AI生成原型”。手绘草图用手机拍就行，最好平铺正对、光线均匀、边缘清晰，AI对潦草手写文字识别率有限，但按钮位置、输入框轮廓、列表结构基本都能还原-6。支持PNG、JPEG等常见图片格式，从相册选或直接拍照都行，单张建议不超过5MB。

想免费用墨刀AI？点这里注册：墨刀AI官网，新用户送免费额度

第一步：进入AI生成原型入口

浏览器打开墨刀官网 modao.cc，登录后点左侧导航栏的“墨刀AI”，或者直接访问 modao.cc/ai 进入工作台。手机端打开墨刀App（需更新至 v6.8.0 及以上版本），首页底部点 “+”，选 “AI生成原型”。确认能看到“上传草图”或“上传附件”的按钮，说明入口正常-1-6。

第二步：拍好手绘草图

拍照质量直接决定识别效果。手机平拍、正对草图、光线均匀、四边齐整，避免斜角拍摄或阴影遮挡关键布局线。用黑笔粗线勾勒主框架，文字区域用方框标注“此处为标题”，图标旁手写“搜索图标”这类语义标注——AI不识手写字体，但能理解标注含义。必须擦除所有涂改痕迹和辅助线，橡皮没擦干净的虚线会被AI当成额外的分割线，生成多余的容器框-7。

第三步：上传草图图片

在对话框右下角找到 “上传附件” 按钮，点进去从设备选图片；也可以直接把图片 Ctrl+V 粘贴到对话框里，比点按钮快。一次最多可传 5张草图，多页流程（如登录→首页→个人中心）建议按顺序编号命名再批量上传，AI会自动按文件名排序生成对应页面。上传后等待 3到8秒完成解析，期间不要退出页面或切后台，中途关闭会丢失本次解析结果，需要重新上传-1-6-7。

第四步：校准识别结果

解析完成后，页面会先展示一份 功能说明文档，包含页面类型判断、组件清单、配色建议。别急着点“生成原型”，先检查文档里的描述跟你的草图是否一致。比如AI写的是“顶部导航栏含3个Tab”，但你草图里画的是两个圆圈加一个搜索框，就在文档对应位置手动改成“顶部含头像、设置按钮和搜索入口”。文档改得越准，生成的原型越贴近你的真实意图-6-7。

第五步：生成可编辑原型

核对说明文档无误后，点 “生成原型” 按钮，生成过程约 2秒。完成后自动跳转至编辑器界面，所有组件已按草图位置排布完毕。顶部状态栏显示 “已生成 | 可编辑 | 未保存”，此时可以拖动调整、双击改文字、右滑调出属性面板改圆角/边框/动效。比如把草图里的“头像框”换成真实Avatar组件，或者给“提交按钮”添加点击跳转交互-6。

第六步：用“选择模式”精准修改

生成后切换到顶部 “选择模式”，点击误识别的组件，在右侧AI对话框输入修改指令。指令越具体越好：只说“换个图标”AI可能随机替换，说“把这个图标换成iOS系统自带的音量+图标，灰色，尺寸24×24”才能精准命中。修改后的组件会实时重绘，其余布局保持不变-7。

第七步：导入墨刀做深度编辑

点右上角 “导出至墨刀”，原型进入墨刀编辑区，跟传统原型工具的操作方式完全一致。在这里可以手动连接页面跳转、添加弹窗和反馈、补全异常状态。如果需要生成前端代码，在预览界面切换至 “代码模式” 即可查看对应的HTML代码，支持一键复制-1-11。

第八步：几个实用注意点

草图别画得太潦草，AI对手写文字的识别率有限，文字尽量写清楚，按钮和输入框的边界画明确。上传前给文件命名带状态，比如“登录页-空状态”“登录页-输入中”，生成后更容易对应。解析中途千万别切后台，App端切走会直接丢失本次结果。一次最多传5张，超过的话分批次上传，别硬塞。