它是干什么的，先说清
你从豆包、DeepSeek、Kimi、元宝拿到一段 Mermaid 代码（或整段回复），粘进编辑器，0.5 秒内渲染成图，换主题，下载 PNG、SVG、PDF、Word、PPT。布局由引擎算，改文字、加环节都是改代码，所以能反复重排。这条路免费、免登录、无水印，渲染与导出都在你的浏览器里完成。
出图之后想改——改个字、加一步、给某一步换个颜色，或者整张换成手绘风——都在预览里点着改，改的都是代码本身；这些在改图与修错里细说，这篇只走主路径。
第一步：打开编辑器，认一下界面
点顶栏的「编辑器」，或者直接在首页的粘贴框里粘贴（粘贴完会自动跳到编辑器）。编辑器打开时预填了一张流程图示例，界面分三块：
- 左边是代码。粘贴整段 AI 回复也是粘在这里；下方一行状态显示「已识别：流程图」这类结果，代码有错时这一行变成报错条。
- 右边是预览。滚轮缩放、拖拽平移，右下角有缩放按钮，双击空白处复位；流程图和思维导图可以双击节点直接改字。
- 预览上方一行工具：「主题」「样式」「布局」（流程图的方向与间距）、「分享链接」、「下载 PNG」和它旁边的 ▾ 菜单。
顶栏左边是这张图的名字和保存状态（「仅存本机」「已保存」「未保存」，点它打开云端保存），旁边是「新建」「打开」「保存」；右侧是「帮助」、语言、账号和明暗切换。第一次直接打开编辑器时会有一次功能导览，逐个指给你看；以后想再看，点「帮助」→「功能导览」。
第二步：粘贴整段回复
在 AI 助手那边点回复下方的「复制」，回到编辑器，在左边代码区粘贴。不用手动把代码块剥出来：整段回复粘进去，会自动识别其中的 Mermaid 代码，前后的说明文字自动忽略，状态行会提示「已从回复中识别出流程图代码」。
手边没有回复的话，先用下面这段试试——点「在编辑器里打开」：
flowchart TD
A[收到需求] --> B{需求明确吗?}
B -- 明确 --> C[排期开发]
B -- 不明确 --> D[补充调研]
D --> B
C --> E[提测验收]
E --> F{验收通过?}
F -- 通过 --> G[上线发布]
F -- 不通过 --> C打开后可以改文字、换主题、下载 PNG / Word / PPT。
还没有代码？状态行右侧的「还没有代码？」里有按图类型写好的提示词，复制发给 AI 助手就行，下一篇怎么让 AI 给出能直接渲染的代码细说。手里只有一段文字或描述的话，粘进首页的框（或在空白编辑器里点「描述你要的图」），点「让 AI 画成图」也行，见没有代码，用一段文字画成图。
第三步：选主题
点预览上方的「主题」，面板里分三组：经典（亮色是默认，适合文档与 PPT；暗色；墨青、朱砂、靛蓝、玄墨四套中文主题）、手绘（白纸、彩笔、牛皮纸、黑板、蓝图，线条和字都像手画的）、现代（Mermaid 自带的新样式）。旁边的「样式」还能调画风、填充、线宽和字体。预览是什么样，导出的文件就是什么样，包括底色。选过一次会记住。
第四步：下载
点「下载 PNG」直接得到一张 2 倍分辨率、透明底的 PNG，放进任何页面都不带白框。要别的格式点旁边的 ▾：
- SVG：矢量，放大不糊，可以在 Illustrator、Figma 里再编辑；
- Word（docx）/ PPT（pptx）：内嵌高清图，文末附原始 Mermaid 代码，以后复制回来接着改；
- PDF：一页，页面尺寸随图走；
- 复制 PNG 到剪贴板：直接粘进聊天或文档，最省事；
- 菜单底部可以切倍率（×2 / ×3）和透明 / 带底色。
下载不需要登录，没有水印；免费每 24 小时可以导出 5 次，会员不限次。细节见导出到 Word、PPT、PDF。
内容会丢吗
编辑器里的内容自动保存在这台设备的浏览器里，刷新、关掉再打开都会恢复（顶部会提示「已恢复上次编辑的内容」）。想在别的设备接着改，登录后把图保存到云端；不登录的话，图表内容不会上传。
手机上怎么用
手机浏览器打开同一个地址就能用。上半屏是预览，底部三个按钮：编辑（展开粘贴区）、主题、下载。粘贴整段回复后识别成功，抽屉会自动收起、预览放大；代码有错时抽屉保持展开。微信里下载受限，点右上角「⋯」选「在浏览器打开」再下载，或者用「复制 PNG 到剪贴板」。
接下来
- 下一篇：怎么让 AI 给出能直接渲染的代码
- 改字、加环节、修报错：改字、调布局、修报错
- 直接看你要画的图：流程图、思维导图、时序图、甘特图、论文技术路线图
- 没有代码、只有文字：用一段文字画成图