墨刀AI怎么生成产品页面_从需求描述到页面生成操作步骤

墨刀AI可将业务需求文字直接生成多页可点击原型。需明确写出至少3个页面名及跳转动作，生成后须手动重命名（如“01_Welcome”）、排序并规范命名格式。

想用墨刀AI把一句业务需求直接变成可点击、带基础交互的产品页面，不用画线框、不拖组件、不调样式，输入文字就出可用原型。

准备清晰的页面需求描述

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

在弹出的提示框中，用自然语言写明核心用户路径，例如：“用户打开App看到欢迎页，点击‘开始体验’跳转至注册页，填写手机号和验证码后进入个人中心首页”——【必须明确写出至少3个页面名称及它们之间的跳转动作，否则AI只生成单页】。

避免使用模糊词汇如“相关页面”“后续页面”，也不要写技术实现细节（如“用React开发”“调用OAuth接口”），AI只理解行为流和界面意图。

触发生成并确认初始页面结构

点击「生成」按钮，等待8～15秒，系统自动创建多页面原型，左侧导航栏显示缩略图列表，右上角同步弹出「AI优化建议」浮层。

这一步操作起来很简单，直接点「应用建议」就行。若浮层未出现，说明当前生成结果已无优化空间，无需强求。

生成结果默认包含页面容器、标题栏、基础按钮与占位文本，但【所有页面初始命名均为“页面1”“页面2”等无意义编号，必须手动重命名才能保障后续逻辑可读】。

重命名与排序页面

第一步：鼠标悬停左侧任意页面缩略图右侧，点击铅笔图标，将名称改为带序号和功能的英文组合，例如“01_Welcome”“02_Signup”“03_Profile”。

第二步：按住缩略图上下拖动，调整顺序——墨刀演示模式严格按此排列顺序播放，若未手动排序，AI生成的页面将按随机时间戳排列，导致演示逻辑错乱。

第三步：检查每个页面名是否仅含英文、数字、下划线，删除空格、中文括号、顿号等字符，否则嵌入分享链接时可能中断加载。