墨刀AI生成原型功能可在项目编辑态下通过左侧面板“AI生成”入口，输入具体页面需求描述后自动生成可编辑的原型页面。需先创建项目并进入编辑器，授权访问项目结构，再用清晰业务语言描述布局与字段，生成后支持替换图片、统一样式和补全交互。

想用一句话让墨刀自动画出登录页、商品列表页或后台管理首页，不用拖组件、不手动排版，直接拿到可编辑的原型初稿——墨刀AI生成原型功能就是为此设计的。

确认账号与环境准备

登录墨刀网页版（modao.cc）或打开最新版桌面端，确保已注册并登录个人账号。免费版即可使用AI生成功能，但【必须处于项目编辑态】——即已创建好一个原型项目并进入编辑器界面，不能在工作区主页或新建项目弹窗里直接调用AI。

若尚未建项目，先点右上角「新建」→「原型」→ 命名为“AI测试” → 选择「iPhone 14」或「Web宽屏」模板再进入编辑器。

触发AI生成入口

在编辑器左侧面板顶部，找到并点击「AI生成」图标（闪电+字母A组合图形），不是「工具」菜单里的其他选项。

首次点击会弹出权限提示，勾选「允许访问当前项目结构」后点「开始使用」——这一步跳过会导致后续生成页面无法自动关联到当前项目页面列表。

输入有效的产品需求描述

在弹出的AI对话框中，用中文清晰描述你想要的页面，例如：“一个面向宠物医生的预约管理后台首页，包含顶部导航栏（含logo、用户头像、消息通知）、左侧垂直菜单（首页、今日预约、患者档案、药品库存、设置）、右侧主内容区显示今日3条待接诊预约卡片，每张卡片含宠物名、主人电话、到院时间、状态标签（未到/进行中/已完成）。”

避免只写“做一个APP首页”或“好看一点的登录页”这类模糊表述；AI依赖具体字段、布局层级和业务逻辑关键词来理解意图。如果第一次结果偏差大，不要删掉整个对话重来，直接在下方追加一句：“把左侧菜单改为带图标的折叠式，且默认展开‘今日预约’子项。”

生成并导入原型页面

点击「生成」按钮后等待3～8秒，AI会返回预览图和页面结构说明。

确认预览效果基本符合预期，点击右下角「插入为新页面」——此时页面会自动添加进左侧页面列表，命名如“AI_预约管理首页”，并跳转至该画布。

注意：【生成后不可直接编辑HTML结构】，所有组件均为墨刀原生可编辑对象（文字可双击改、按钮可设交互、容器可调圆角），但初始布局可能需微调对齐或字号。

快速优化生成结果

方法一：替换占位图

选中任意图片组件 → 右侧属性面板点「更换图片」→ 上传真实UI资源或从素材广场搜“宠物”“医疗”等关键词插入。

方法二：批量统一字体

按住Ctrl（Windows）或Cmd（macOS）多选所有文本组件 → 右侧字体设为「PingFang SC」→ 大小统一设为14px → 行高设为1.5。

方法三：补全关键交互

选中“今日预约”菜单项 → 点右上角闪电图标 → 拖到刚生成的“AI_预约管理首页”页面 → 在弹窗中选「点击→跳转」→ 动效选「滑入（从左）」。