游乐游手机版
首页/AI热点日报/热点详情

墨刀AI如何生成产品页面:从需求描述到页面生成教程

类型:热点整理2026-08-21
墨刀AI支持将业务需求文字直接生成多页可点击原型。使用时需清晰写出至少3个页面名称及页面跳转动作,生成完成后还需要手动重命名(如“01_Welcome”)、调整排序,并统一命名格式。如果你想用墨刀AI把一句业务需求快速生成可点击、带基础交互的产品原型页面,无需手动画线框、拖拽组件或调整样式,只要输入

墨刀AI支持将业务需求文字直接生成多页可点击原型。使用时需清晰写出至少3个页面名称及页面跳转动作,生成完成后还需要手动重命名(如“01_Welcome”)、调整排序,并统一命名格式。

如果你想用墨刀AI把一句业务需求快速生成可点击、带基础交互的产品原型页面,无需手动画线框、拖拽组件或调整样式,只要输入文字描述,就能直接得到可用原型。

准备清晰的页面需求描述

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

在弹出的提示框中,请用自然语言清楚描述核心用户路径和页面流程。例如:“用户打开App,首先看到欢迎页,点击‘开始体验’按钮后跳转到注册页,填写手机号和验证码后,进入个人中心首页”——【务必明确写出至少三个页面名称以及它们之间的跳转动作,否则AI仅生成单页】。

尽量避免使用“相关页面”“后续页面”这类模糊表述,也不要写技术实现细节(如“用React开发”“调用OAuth接口”),因为AI主要识别用户行为流程和界面意图,而不是开发方案。

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

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

这一步操作非常简单,直接点击「应用建议」即可。如果浮层没有出现,通常说明当前生成结果已经比较完整,没有明显可优化内容,无需额外处理。

生成后的原型通常默认包含页面容器、标题栏、基础按钮和占位文本,但【所有页面初始命名均为“页面1”“页面2”等无实际意义的编号,必须手动重命名,才能保证后续原型逻辑清晰可读】。

重命名与排序页面

首先,将鼠标悬停在左侧任意页面缩略图右侧,然后点击铅笔图标,把页面名称修改为包含序号和功能含义的英文组合,例如“01_Welcome”“02_Signup”“03_Profile”等。

第二步:按住缩略图上下拖动进行排序——墨刀演示模式会严格按照当前排列顺序播放页面。如果没有手动排序,AI生成的页面通常会按随机时间戳排列,进而导致原型演示逻辑混乱。

第三步:检查每个页面名称是否只包含英文、数字和下划线,删除空格、中文括号、顿号等特殊字符,否则在嵌入分享链接或在线预览时,可能会出现加载中断的问题。

来源:https://www.php.cn/faq/3021834.html?uid=969633

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。