从粘贴到导出，一步步来
新手教程
上手路径四篇连读约 15 分钟，从拿到代码到导出文件；按场景的文章各自独立；带着具体问题来的，直接看最下面那组一问一答。每篇里的代码块都能一键在编辑器里打开。
上手路径：从零到导出
按顺序看，每篇几分钟
- 1约 5 分钟第 1 篇5 分钟上手：粘贴 AI 回复，出图，下载第一次用图搭子看这篇：它是干什么的、编辑器里各个位置是干什么的、从粘贴到下载 PNG / Word 的最短路径，以及手机上怎么用。
- 2约 4 分钟第 2 篇怎么让 AI 给出能直接渲染的 Mermaid 代码提示词怎么写回复才能一次渲染成功：点明图类型的语法关键字、要求只输出代码块、节点文字用中文；各家网页端「复制」按钮给的是什么，以及拿到回复后怎么粘。
- 3约 5 分钟第 3 篇改字、调布局、修报错拿到图之后怎么改：预览里双击改字、单击节点加一步 / 加分支 / 改形状 / 改颜色 / 删除、单击连线改文字、「布局」改方向与间距；代码报错时看报错条、跳到行、用 AI 修复；一句话「AI 改图」，以及整理写法的 AI 美化。
- 4约 3 分钟第 4 篇导出到 Word、PPT、PDF，或复制到剪贴板五种格式各适合什么、倍率与透明底怎么选、Word / PPT 文件里有什么、以后怎么改；在微信里下载不了怎么办；多张图一次打包。
按场景
各自独立，看你要画的那种图
- 用 AI 画流程图并导出 Word：豆包、DeepSeek、Kimi、元宝都行从提示词到 Word 文件的完整一遍：让 AI 输出 flowchart 代码、整段粘贴、改判断分支与形状、按角色分泳道、换方向、导出。附业务流程与泳道图两段可直接打开的代码。约 5 分钟
- 用 AI 画思维导图：mindmap 语法、缩进规则与导出让 AI 直接输出 Mermaid mindmap 代码的提示词、只有一个根节点与靠缩进分层的规则、节点形状、唯一一种报错怎么改，以及换主题分区色、导出 PNG / Word / PPT。约 4 分钟
- 用 AI 画时序图：接口调用与系统交互让 AI 输出 sequenceDiagram 代码的提示词、participant 与消息箭头、循环与分支块、备注与自动编号，以及最常见的「消息行不完整」报错怎么改。约 4 分钟
- 用 AI 画甘特图：项目排期与论文进度让 AI 输出 gantt 代码的提示词、日期格式与 section 分组、任务依赖（after）、里程碑与状态标记、时间轴刻度，以及关掉今日线让导出稳定。约 4 分钟
- 论文技术路线图：从模板或 AI 生成，到黑白打印开题报告与学位论文的技术路线图怎么画：分阶段用 subgraph 框起来、阶段内横排、阶段之间只连分组；让 AI 按你的研究内容生成；墨青主题与黑白打印；导出 Word 或 SVG。约 5 分钟
- 没有代码，用一段文字画成图手里只有一段流程说明、会议要点，或者 AI 把图放进卡片、复制出来只剩文字时，怎么让 AI 按内容画成流程图或思维导图：三个入口、描述怎么写、结果怎么校验和继续改，以及额度与隐私。约 4 分钟
- 分享与云端：把图发给别人、换台设备接着改三种把图给别人的方式：分享链接（内容在链接里，不经服务器）、分享页（短链接、密码、有效期、打开次数）、发文件；登录后把图保存到云端、在别的设备打开、两边都改了怎么办。约 4 分钟
- 与 draw.io 互通：导出 .drawio 继续编辑，再把代码取回来把图搭子里的图导出成 draw.io 文件、在 draw.io 里双击继续改 Mermaid、和别的图形放在一起；反过来从 .drawio / .drawio.svg 文件或粘贴的内容里取回 Mermaid 代码。约 3 分钟
常见问题，一篇一答
带着具体问题来的，从这里找
- 豆包生成的流程图怎么导出到 Word？豆包能把 Mermaid 流程图渲染出来，但图上没有下载按钮，截图放进 Word 会糊。把整段回复复制到图搭子，选「下载」→「Word」，得到的 .docx 里是嵌好的高清图，文末还附原始代码。约 3 分钟
- 整段 AI 回复能直接用吗？要不要手动把代码块剥出来？不用。AI 回复里的说明文字、多个代码块、丢了语言标记的围栏、甚至完全没有围栏的裸代码，粘进来都能识别出其中的 Mermaid 代码。这是大多数在线渲染工具要你手动做的一步。约 2 分钟
- Mermaid 代码怎么变成 PPT 里的一页？把代码粘进编辑器，选「下载」→「导出 PPT」，得到的 .pptx 第一页是整页铺开的高清图，最后一页附原始 Mermaid 代码。整个过程在浏览器里完成，不上传。约 2 分钟
- Mermaid 报 Parse error 是什么意思，怎么改？Parse error 是语法没通过，不是图画错了。最常见的四个原因：用了保留字 end、箭头写串了、中文全角符号混进代码、节点文字里有没转义的引号。每种都有具体改法。约 3 分钟
- AI 给的 Mermaid 代码渲染不出来怎么办？先分清是语法错、版本不兼容还是图太大。三种情况的判断方法和改法都不同；报错条会给出中文提示和行号，「AI 修复」可以做最小改动把语法改通。约 3 分钟
- 图导出来太糊，怎么要高清的？默认下载的就是 2 倍清晰度的 PNG，比多数在线渲染工具的 1 倍图清楚。要更清楚可以切到 3 倍；印刷或大屏用 SVG，它是矢量的，放多大都不会糊。约 2 分钟
- 手机和微信里怎么把 AI 生成的图存下来？手机浏览器里可以直接下载，想进相册用「存到相册 / 分享」；豆包、微信等 App 的内置浏览器会拦下下载，图片长按保存，文件用右上角「在浏览器打开」再导出。移动端的编辑、换主题、下载都在底部操作条上。约 2 分钟
- 思维导图怎么从 AI 回复里导出来？让 AI 用 Mermaid 的 mindmap 语法给，而不是 markdown 列表。拿到代码粘进来就能渲染，导出 PNG、SVG、Word、PPT 都行。附一段能直接用的提示词。约 3 分钟
- 图里的中文显示不对怎么办？分两种：一种是字体不好看或缺字，一种是代码里混了全角标点导致报错。前者换主题就行，后者要把结构位置的符号改成半角。约 2 分钟
- 怎么把 Mermaid 图放进 draw.io 继续编辑？在「下载」菜单里选「导出 .drawio」，用 draw.io 打开后双击图形还能继续改 Mermaid 代码。反过来，draw.io 文件里的 Mermaid 图形也能拖进来取回源码。约 3 分钟