墨刀AI支持一键生成包含导航栏、表单和响应式容器的可点击网页原型；只需输入清晰的业务需求描述，即可完成生成画布、编辑内容、配置锚点或外部链接、新增页面并设置页面跳转，最后发布演示链接。

如果你想用墨刀AI快速生成可点击、带页面跳转功能的网页原型，无需手动画线框，也不用编写代码，只要输入一句完整描述，就能自动产出包含导航栏、表单模块和响应式容器的完整 Web 页面原型结构。

创建AI驱动的网页原型项目

打开 modao.cc 并登录账号 → 点击右上角「新建」→ 选择「AI生成原型」模板。

在提示框中，需要尽可能清晰地描述网页业务场景，例如：“企业官网首页，顶部有Logo和导航菜单（包括首页、产品、案例、联系这些选项），中部是轮播图加上三栏式的服务介绍，底部则是联系方式和版权信息”——【务必包含至少一个完整的网页结构层级，不能只是简单地说“做个网站”哦】。

点击「生成」后，等待约10秒，系统会自动创建适配桌面端（1440×900）的网页画布，并生成预设色值、字体大小以及响应式栅格容器，方便后续继续编辑网页原型。

调整网页组件与布局结构

生成完成后会默认进入首页画布，左侧页面列表会显示“首页”缩略图，右侧属性面板也会同步激活，便于直接调整页面内容和布局。

鼠标悬停在轮播图组件上 → 点击右上角「编辑内容」铅笔图标 → 替换3张图片并填写对应标题文案；如果这一步没有操作，后续演示网页原型时图片可能只会显示占位符。

选中“服务介绍”三栏区域 → 在右侧属性面板中将「布局模式」从“横向排列”改为“响应式网格”，再把列数设置为3 → 系统会按照1440px宽度自动等分排布，避免网页预览时出现内容错行。

将导航菜单拖动到页面顶部固定位置后，在右侧勾选「固定定位」→ 否则页面滚动时菜单会消失，无法真实模拟网站导航的交互体验。

配置网页内锚点跳转与外部链接

方法一：内部锚点跳转（如点击“联系”跳到页脚）
选中导航栏中的「联系」文字 → 右侧「交互」→「添加交互」→「点击时」→「滚动到元素」→ 在画布中点选页脚区域的容器组件。

方法二：外链跳转（如“查看案例”连到真实网站）
选中「案例」文字 → 右侧「交互」→「点击时」→「跳转链接」→ 输入 https://yourdomain.com/cases → 勾选「新窗口打开」。

【注意：外链必须以 http:// 或 https:// 开头，输“www.xxx.com”会触发跳转失败】

设置多页面网页流程并发布

首先，新增一个二级页面。在左侧页面列表中点击「+」，然后选择「空白页面」，并将其命名为“产品页”。接着，把「卡片列表」组件拖入该页面。最后，使用AI重新生成这一页的内容：选中画布空白处，点击顶部的「AI」按钮，输入“展示5款SaaS产品，每张卡片包含图标、名称以及一句话简介”。

第二步：建立页面间跳转
回到首页 → 选中导航栏「产品」文字 → 在右侧交互中设置「点击时 → 跳转页面 → 产品页」→ 动效选择「滑入（从右）」。

第三步：发布为网页原型链接
确认所有页面跳转和交互测试无误后 → 点击右上角「分享」→「生成演示链接」→ 打开「允许下载源文件」开关（如需交付给开发）→ 复制链接发送即可。