墨刀AI怎么生成原型图

墨刀AI生成原型图的核心路径是：根据手头已有的材料选择对应入口——只有需求描述就用文字生成，有截图/草图就用图片转原型，有大模型生成的HTML就用HTML转原型，然后通过对话或手动编辑继续优化。

🔍 第一步：选对生成入口

墨刀AI提供三条入口，根据手头材料不同选择，后续编辑成本会明显不同。

• 只有需求描述 → 文字生成原型：直接输入自然语言描述，AI自动生成多页面初稿、页面关系和可演示交互。
• 有截图、草图或竞品页面 → 图片转原型：AI识别图片中的布局关系和组件类型，生成可编辑页面。
• 有大模型生成的多页HTML → HTML转原型：在墨刀工作区点击 HTML 转原型，粘贴代码，AI解析后转换为墨刀容器、文本、按钮等组件，页面间交互逻辑一并带入编辑区。已有HTML时不要先截图再识别，直接走HTML转原型入口效率最高。

⚙️ 第二步：文字生成原型（最常用路径）

1. 进入AI生成界面：登录墨刀官网（modao.cc），确保账号已开通 AI原型 权限（新注册用户默认开通）。点击左上角 新建项目 → 选择 AI生成原型 模板，进入对话式生成界面。
2. 输入页面描述：在输入框中用中文清晰说明页面类型、核心功能、关键元素和风格倾向。例如：“首页，含顶部导航栏、轮播图、3个带图标的服务卡片、底部联系表单，整体风格简洁现代，主色是深蓝+白。”避免“好看一点”“差不多就行”等模糊表述，AI无法解析主观词。
3. 确认功能文档：点击生成后，AI会先整理出一份详细的界面设计功能文档，包含页面布局、组件清单、视觉规范和交互备注。逐栏核对，确认主模块顺序和组件清单是否与你的描述一致，可直接在文档中修改补充。
4. 生成原型：确认文档后点击生成，等待约8～15秒，AI会输出完整页面（含基础组件、层级关系、默认文案）及3种可选配色方案。所有元素均为可编辑的分层组件，不是静态图片。

✍️ 第三步：生成后的编辑优化

• 对话式修改：选中任意组件，在AI对话框中输入修改描述（如“把饼图改成环形图”“给列表加下拉刷新”），AI实时响应并重绘该组件。
• 手动拖拽编辑：导入墨刀原型后转为可编辑文件，可手动拖拽组件元素、调整页面布局、设置交互效果。
• 补齐交互：AI生成的按钮默认无交互，需双击进入 交互设置 添加跳转或弹窗动作。
• 同步生成产品文档：墨刀AI可根据生成的原型自动输出匹配的产品文档，包含页面结构说明、功能模块列表、交互逻辑、按钮行为、数据字段定义等，方便团队评审和开发对接。

💡 关键技巧：写出好提示词

墨刀AI的生成质量直接取决于提示词。通常结构为 “产品主题 + 页面描述”，也可只写主题让AI发挥。

• 明确角色与场景：写“作为新用户，在iPhone 14上首次打开App时看到的注册引导页”，而不是“做一个注册页”。不写清楚角色，AI可能默认生成管理员后台的注册入口。
• 用“当……时，显示……，支持……操作”句式锁定行为链：例如“当用户在商品详情页点击‘立即购买’后，跳转至收货地址选择页，顶部显示返回箭头，列表支持编辑和设为默认，底部固定‘去结算’按钮”。
• 颜色写HEX值：写“主操作按钮使用 #007AFF”，而不是“蓝色按钮”。墨刀AI目前无法识别“科技感蓝”这类主观描述。
• 用否定式排除干扰项：例如“不显示优惠券选择区域，不出现积分抵扣开关”，这比正面描述更高效抑制多余元素。
• 多页面生成：在描述后添加“多页面”关键词，当前版本最多支持一次性同时输出6个页面，建议控制在2～3个效果最佳。注意“多页面”是平铺显示，页面间无法点击跳转。
• 指定设备类型：在提示词里加 pc web 等关键词，否则AI可能默认生成移动端界面。

⚠️ 成本与限制须知

• 积分消耗：新用户默认获得免费额度，生成一个简单原型页面约消耗100积分，使用高级模型或复杂任务消耗更多。积分有效期为30天，建议按月使用。
• 深度模式额外扣费：启用“深度模式”会调用多轮推理与上下文校验，每次生成额外叠加扣费，且无法在生成中途关闭，必须在点击“生成”前手动取消勾选。
• 平台限制：墨刀AI原型生成功能目前不支持iOS App端，所有AI操作必须通过墨刀新版Web端（v7.8.0及以上）完成，需用浏览器访问 modao.cc 并登录账号后点击 AI原型 按钮。
• 生成效果具有随机性：AI生成无法完全杜绝bad case，效果不好可以直接点击重新生成按钮，并不一定是提示词的问题。

💎 核心原则

整个流程的关键在于：先根据手头材料选对入口，用结构化提示词快速生成初稿，再通过对话修改和手动编辑将通用原型打磨成符合业务需求的成品。如果完成上述步骤后仍觉得生成结果不够精准，通常意味着提示词缺少角色定位和设备类型，或者没有充分利用功能文档确认环节，可以优先从这两点排查。