游乐游手机版
首页/AI热点日报/热点详情

墨刀AI如何生成产品原型及原型设计操作教程

类型:热点整理2026-08-21
墨刀AI支持在5分钟内生成带页面跳转的电商预约原型:输入一段包含3个页面名称及跳转关系的中文描述→系统自动生成多页面原型结构→重命名并拖动调整页面顺序→通过闪电连线或跳转规则设置交互→最后发布演示链接。如果你想用墨刀AI在5分钟内快速生成一个带页面跳转、可在线预览的电商预约类产品原型,无需手动拖拽组

墨刀AI支持在5分钟内生成带页面跳转的电商预约原型:输入一段包含3个页面名称及跳转关系的中文描述→系统自动生成多页面原型结构→重命名并拖动调整页面顺序→通过闪电连线或跳转规则设置交互→最后发布演示链接。

如果你想用墨刀AI在5分钟内快速生成一个带页面跳转、可在线预览的电商预约类产品原型,无需手动拖拽组件,也不用编写代码,只需输入一段中文需求描述,就能得到可交互的原型初稿。

用一句话触发AI生成多页面原型

打开墨刀官网(modao.cc),登录账号后点击右上角「新建」→ 选择「AI生成原型」模板。

在弹出的输入框中填写业务需求描述,例如:“用户从首页点击‘立即预约’进入表单页,填写手机号和时间后提交,成功时跳转至确认页,失败时在表单页高亮错误字段并给出提示”。这里要特别注意,【务必清晰写出至少3个页面名称或页面角色(如首页/表单页/确认页)以及至少1个跳转动作】,否则AI生成的内容通常只会是单页线框图,无法形成完整的多页面交互原型。

点击「生成」按钮后,等待8~15秒,系统会自动创建包含基础布局、默认文案以及预设交互连线的多页面结构,左侧页面列表会立即显示对应缩略图。

手动整理页面顺序与命名

第一步:将鼠标悬停在左侧页面缩略图右侧,点击铅笔图标,把默认名称修改为带序号的语义化名称,例如“01_首页”“02_预约表单”“03_提交成功”。

第二步:直接上下拖动缩略图调整页面顺序——【演示模式会严格按照这个顺序进行播放,如果忽略这一步,页面可能会按生成时间戳随机排列,导致客户预览时流程不连贯、交互路径断裂】。

第三步:重命名页面时不要使用中文标点、空格和括号,建议只使用英文、数字与下划线组合,例如“02_预约表单”是正确写法,而“02-预约表单”或“02_预约表单(测试版)”则可能导致后续页面跳转失效。

配置页面跳转逻辑

方法一:画布内闪电连线(适合快速验证原型流程)
切换到“01_首页”画布 → 选中「立即预约」按钮 → 右上角出现小闪电图标 → 按住闪电拖向左侧页面列表中的“02_预约表单”缩略图 → 松手后弹出面板,选择「点击时→跳转页面→滑入」。

方法二:全局跳转规则(更适合团队协作或后期统一修改)
点击顶部菜单栏「演示」→「跳转规则」→「新建规则」→ 触发条件选「按钮点击」→ 源页面选“01_首页”→ 目标页面选“02_预约表单”→ 保存。

注意:表单页中的「提交」按钮必须连接到“03_提交成功”,而「返回」按钮必须准确指向“01_首页”——墨刀在匹配页面名称时会区分大小写和下划线,若写成“首页”或“01首页”,都会造成页面跳转失败。

发布为可分享的演示链接

点击右上角「发布」按钮 → 在弹窗中勾选「启用演示模式」→ 点击「生成链接」→ 复制链接发送给同事或客户,即可进行扫码预览和在线演示。

来源:https://www.php.cn/faq/3021805.html?uid=969633

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。