墨刀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提示等原生交互效果。
-
09.02
掌握excel数据筛选实用技巧,轻松提升工作效率的秘密
-
09.02
在Excel中引用另一个表格的数据方法与技巧详细说明
-
09.02
掌握两组数据找不同的实用技巧,提升你的Excel处理能力
-
09.02
DeepSeek赋能SVG实践有哪些重点-关键信息和实际影响
-
09.02
DeepSeek与SVG实践有哪些重点-关键信息和实际影响
-
09.02
开发 Flomo MCP,高效记笔记有哪些重点-关键信息和实际影
-
-
下载
- |
-
-
下载
- 《行尸走肉第一章》免安装中文汉化硬盘版下载
- 单机|436 MB
- 一款以动作冒险为主题的游戏
-
-
下载
- 《街头霸王X铁拳》免安装中文汉化硬盘版下载
- 单机|111MB
- 一款非常好玩的格斗游戏
-
-
下载
- |
-
-
下载
- 《暗黑破坏神3》免安装繁体中文正式版下载
- 单机|7630 MB
- 一款以角色扮演为主题的游戏
-
-
下载
- 《马克思佩恩3》免安装硬盘版下载
- 单机|27033 MB
- 一款以第三人称射击为主题的游戏