必须绕过基础流程图模式，用DeepSeek生成Mermaid交互语法，在墨刀中创建带锚点的原型画布，注入Mermaid代码并绑定页面跳转，再通过AI或手动配置条件分支与动态反馈层。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在墨刀中用AI快速生成具备页面跳转逻辑、状态反馈和条件分支的多页面交互流程图，必须绕过基础流程图模式，直接调用AI指令链与原型画布协同机制。
第一步：用DeepSeek精准输出Mermaid交互语法
打开DeepSeek网页版或本地客户端，输入完整指令：“请用Mermaid syntax绘制【用户注册→短信验证→设置密码→首页】四页交互流程图，要求：①每个页面节点标注‘page:注册页’格式；②短信验证页包含‘重发→60s倒计时’状态提示；③密码页含‘两次输入不一致→返回重输’条件判断；④所有跳转箭头标注触发动作，如‘点击下一步’‘自动跳转’。”
这一步不能简写为“画个注册流程”，否则Mermaid代码会缺失状态变量和条件分支标识，后续在墨刀中无法映射为可点击热区。
运行后切换到“代码”Tab，全选复制整段Mermaid文本——注意检查是否含stateDiagram-v2或graph TD开头，【必须是Mermaid 10.9+支持的交互语法，旧版flowchart LR会导致墨刀解析失败】。
第二步：在墨刀中创建带页面锚点的原型画布
新建项目→选择「空白原型」模板→顶部菜单栏点击「AI」图标→输入：“生成4个页面：注册页、验证码页、密码页、首页，每页底部加固定导航栏，尺寸统一为375×812”。
等待AI生成后，不要编辑任何组件，先点击左上角「项目设置」→勾选「启用页面跳转热区」→保存。这一步是关键前提，【未开启此选项，后续粘贴的Mermaid节点将无法绑定真实页面】。
此时画布左侧会出现4个已命名的页面缩略图，顺序必须与Mermaid代码中page标签顺序严格一致。
第三步：Mermaid代码注入并激活交互锚点
在任意页面空白处右键→「更多操作」→「新建流程图」→进入编辑器后点击「调整图形」→「插入」→「Mermaid」。
粘贴从DeepSeek复制的完整代码→点击「插入」→系统自动生成节点群，但此时所有节点都是静态图形。
双击“page:注册页”节点→右侧属性面板中找到「跳转目标」下拉框→手动选择画布中的「注册页」→同理为“page:验证码页”绑定「验证码页」……逐个完成4个页面的锚点映射。
特别注意：若Mermaid中某节点名为“page:密码页(错误态)”，而画布中只有“密码页”，则需先在墨刀中右键该页面→「重命名」为完全匹配的名称，否则跳转失效。
第四步：添加条件分支与动态反馈层
方法一：用AI指令补全逻辑层
在当前项目中再次唤出AI助手，输入：“在密码页添加一个红色文字提示框，内容为‘两次输入不一致，请重新输入’，仅当用户点击‘确认密码’且两字段值不同时显示，初始隐藏。” AI将自动生成带可见性条件的组件，并写入对应交互脚本。
方法二：手动配置热区响应
选中“密码页”节点→右侧属性栏切换到「交互」→「点击时」→「显示/隐藏」→选择刚生成的红色提示框→在「触发条件」中点击「+添加条件」→设置为「确认密码输入框.value ≠ 密码输入框.value」。
最后测试：点击画布上方「预览」按钮→在弹出窗口中依次点击各节点，验证跳转是否准确、提示框是否按条件出现、倒计时是否动态更新。
