墨刀ai可一键生成含导航、表单、响应式容器的可点击网页原型；输入明确业务描述→生成画布→编辑内容→配置锚点/外链→新增页面并设置跳转→发布演示链接。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用墨刀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产品，每张卡片含图标、名称、一句话简介”。
第二步：建立页面间跳转
回到首页 → 选中导航栏「产品」文字 → 右侧交互中设置「点击时 → 跳转页面 → 产品页」→ 动效选「滑入（从右）」。
第三步：发布为网页原型链接
确认所有跳转测试无误 → 点击右上角「分享」→「生成演示链接」→ 开关打开「允许下载源文件」（如需交付给开发）→ 复制链接发送即可。
