墨刀AI可一键生成含按钮跳转、表单校验与页面动效的多页交互原型;需输入含3页名及2+跳转动作的业务描述,再手动重命名排序、配置跳转规则与表单反馈,最后发布为免登录演示链接。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想用墨刀AI快速做出带按钮点击跳转、表单提交反馈、页面间动效的可交互原型,不用写代码,也不用从零拖组件堆砌流程。
用墨刀AI一键生成带交互逻辑的多页原型
打开 modao.cc 登录账号 → 点击「新建项目」→ 选择「AI生成原型」模板。
在提示框中输入含明确页面流转关系的业务描述,例如:“用户在登录页输入手机号和验证码,点击‘登录’后进入首页;首页顶部有‘我的订单’入口,点击跳转至订单列表页;订单页右上角‘+’号可新增订单并返回刷新列表”——【必须出现至少3个页面名称+2个以上具体跳转动作,否则AI仅生成单页】。
点击「生成」,等待10秒左右,系统自动创建登录页、首页、订单列表页(可能还附带新增订单弹窗页),每个页面已内置基础组件与默认点击跳转线。
生成完成后,左侧页面列表会显示所有缩略图,右上角弹出「AI优化建议」浮层,点「应用建议」即可批量优化文案和布局间距,这一步操作起来很简单,直接点就行。
手动重命名与排序页面,确保演示逻辑正确
鼠标悬停左侧任一页面缩略图右侧,点击铅笔图标,将默认名称如“Page_1”改为“01_登录页”“02_首页”“03_订单列表”。
拖动缩略图上下调整顺序:墨刀演示模式严格按此排列顺序播放,【若不手动排序,AI生成的页面将按后台时间戳随机排列,客户预览时会先看到订单页再跳回登录页】。
重命名只允许使用英文、数字、下划线,禁用中文标点和空格,否则嵌入H5链接时可能触发404错误。
配置页面间跳转与交互细节
方法一:画布内闪电连线(适合快速验证)
切换到「01_登录页」→ 选中「登录」按钮 → 右上角出现小闪电图标 → 按住闪电拖向「02_首页」缩略图 → 松手后弹出面板,选择「点击时→跳转页面→滑入」。
方法二:全局跳转规则(适合多人协作或后期批量修改)
顶部菜单栏点击「演示」→「跳转规则」→「新建规则」→ 触发条件选「按钮点击」→ 源页面选「01_登录页」→ 目标页面选「02_首页」→ 动效选「滑入」→ 保存。
注意:订单列表页的「+」号按钮若跳转的是弹窗页,需在弹窗页内部再配一个「完成」按钮,跳回「03_订单列表」并勾选「刷新当前页」,否则列表不会更新。
设置表单提交类交互与状态反馈
第一步:在「01_登录页」中,选中手机号输入框 → 右侧属性面板开启「校验规则」→ 类型选「手机号」→ 错误提示文案填“请输入正确的11位手机号”。
第二步:选中「登录」按钮 → 右侧「交互」→「添加交互」→「点击时」→「条件跳转」→ 新建条件:当「手机号」≠空 且 「验证码」≠空 → 跳转至「02_首页」;否则→执行「显示提示框」→ 文案填“请填写完整信息”。
第三步:点击顶部「预览」→ 扫码用手机实测:故意留空验证码,看提示框是否弹出;填全后是否平滑跳转。这一步不能跳过,【AI生成的条件跳转默认不启用校验,必须手动开启并绑定字段】。
发布为可分享的交互演示链接
确认所有跳转路径已测试通过,尤其检查表单页的「提交失败」分支是否连到正确提示动作。
点击右上角「发布」按钮 → 弹窗中勾选「启用演示模式」→ 选择「公开链接」或「指定人访问」→ 点击「生成链接」。
复制链接发送给客户或开发,对方无需注册墨刀账号,打开即看真实点击跳转效果。


















