墨刀AI支持一键生成带多页面跳转的APP原型:输入包含3个页面、2个跳转动作的业务描述后,系统会自动生成适配iPhone画布的页面与交互连线;随后只需重命名并排序页面,通过连线或属性面板设置跳转逻辑,最后发布为启用移动端适配的演示链接即可。

如果你想用墨刀AI快速搭建一个可演示、可跳转的APP原型,无需从零开始拖拽组件,也不用手动逐个配置交互,只要输入一句业务需求,就能自动生成包含首页、功能页、反馈页在内的完整页面流程。
创建AI驱动的移动端原型项目
打开墨刀官网(modao.cc),登录账号后点击右上角「新建」→ 选择「AI生成原型」模板。
在弹出的输入框中,尽量清晰描述你的移动端业务场景,例如:“用户打开APP后先进入启动页,3秒后自动跳转到首页;首页底部设置‘预约’Tab,点击后跳转至表单页;表单提交成功后显示toast提示,并返回首页”——【务必包含至少3个页面以及至少2个可触发的跳转动作,否则AI仅生成单页】。
点击「生成」按钮后,等待8~15秒。系统会自动创建适配移动端的画布尺寸(默认iPhone 14:375×812)、基础页面结构以及预设交互线,整个过程无需手动添加屏幕组件,适合快速制作APP高保真或低保真原型。
调整页面顺序与命名规范
生成完成后,左侧页面列表会显示全部页面缩略图。将鼠标悬停在任一页面右侧,点击铅笔图标即可重命名,建议按照业务逻辑添加顺序前缀,例如“01_启动页”“02_首页”“03_预约表单”。
上下拖动缩略图进行排序,确保页面顺序与用户真实操作流程一致。墨刀演示模式会严格按照当前页面顺序播放,【若未手动排序,页面将按生成时间戳乱序排列,导致演示时跳转路径断裂】。
页面命名时建议避免使用中文标点、空格和括号,统一采用英文、数字与下划线组合。例如“预约表单(失败)”建议修改为“04_form_error”。
设置页面间跳转逻辑
方法一:画布连线法(适合视觉化调试)
在画布中选中按钮或热区 → 按住鼠标左键拖出蓝色连接线 → 松开后选择目标页面 → 在弹出菜单中点击「跳转到页面」。
方法二:属性面板配置法(适合批量修改)
选中组件 → 在右侧属性面板切换到「交互」标签 → 点击「+ 添加交互」→ 触发事件选择「点击时」→ 动作选择「跳转到页面」→ 在下拉列表中选择已命名的目标页面。
需要注意的是,如果某个页面要返回上一页(例如表单提交失败后的返回逻辑),不要选择「跳转到页面」,而应使用「返回上一页」动作——该方式不依赖页面名称,实际运行时通常更稳定。
发布为可分享的移动端演示链接
点击右上角「发布」按钮 → 选择「演示链接」→ 勾选「启用移动端适配」(自动注入viewport与手势支持)→ 点击「生成链接」。
将链接复制并发送给他人后,对方可直接在手机浏览器中打开并全屏预览,支持真机滑动、点击跳转、toast提示等接近原生APP的交互演示效果。
