墨刀AI怎么制作APP原型_墨刀AI移动端原型设计操作步骤

墨刀AI可一键生成含多页跳转的APP原型：输入含3页2跳转的业务描述，自动生成适配iPhone画布及交互线；需重命名排序页面、用连线或属性面板配置跳转，最后发布为启用移动端适配的演示链接。

想用墨刀AI快速制作一个可演示、带页面跳转的APP原型，不用从零拖组件、不手动配交互，输入一句话就能生成含首页、功能页、反馈页的完整流程结构。

创建AI驱动的移动端原型项目

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

在弹出的提示框中输入明确的移动端业务描述，例如：“用户打开APP看到启动页，3秒后自动进入首页；首页底部有‘预约’Tab，点击后跳转至表单页；表单提交成功显示toast提示并返回首页”——【必须包含至少3个页面+至少2个可触发的跳转动作，否则AI仅生成单页】。

点击「生成」按钮，等待8～15秒。系统将自动生成适配移动端的画布尺寸（默认iPhone 14: 375×812）、基础页面结构及预置交互线，无需手动添加屏幕组件。

调整页面顺序与命名规范

生成完成后，左侧页面列表会显示所有缩略图。鼠标悬停任一页面右侧，点击铅笔图标重命名，建议按逻辑顺序加前缀，如“01_启动页”“02_首页”“03_预约表单”。

拖动缩略图上下排列，确保顺序与用户实际操作流一致。墨刀演示模式严格按此顺序播放，【若未手动排序，页面将按生成时间戳乱序排列，导致演示时跳转路径断裂】。

命名时禁用中文标点、空格、括号，只用英文、数字、下划线组合。例如“预约表单(失败)”要改为“04_form_error”。

设置页面间跳转逻辑

方法一：画布连线法（适合视觉化调试）

在画布中选中一个按钮或热区 → 按住鼠标左键拖出蓝色连接线 → 松开后选择目标页面 → 在弹出菜单中选「跳转到页面」。

方法二：属性面板配置法（适合批量修改）

选中组件 → 右侧属性面板切换到「交互」标签 → 点击「+ 添加交互」→ 触发事件选「点击时」→ 动作选「跳转到页面」→ 下拉选择已命名的目标页。

注意：若某页面需返回上一页（如表单提交失败），不要选「跳转到页面」，而应选「返回上一页」动作——该动作不依赖页面命名，运行时更稳定。

发布为可分享的移动端演示链接

点击右上角「发布」按钮 → 选择「演示链接」→ 勾选「启用移动端适配」（自动注入viewport与手势支持）→ 点击「生成链接」。

复制链接发送给他人，对方在手机浏览器打开即可全屏演示，支持真机滑动、点击跳转、toast提示等原生交互效果。