两种模式:快速模式一句话直接出图,不用注册;对话模式里 AI 先问几个问题 —— 谁参与、哪几步、异常怎么走 —— 问清楚了再画。画完能改,可导出 SVG、PNG、Markdown。
一两句话写清楚要画的东西:带两步验证的登录流程、博客的库表关系、产品发布的准备清单。要是自己也没完全想明白,切到对话模式,让 AI 先问几个问题。中文英文都能写,Mermaid、PlantUML、Graphviz 的语法一个都不用会。
快速模式下,自动识别会在 300 毫秒左右判断你要的是流程图、时序图、ER 图、类图、状态图、思维导图还是甘特图。对话模式下,AI 会先问两三个问题,把角色、步骤、异常分支问明白再定类型 —— 流程一复杂,这样出图更稳。
AI 吐出来的是合法的 Mermaid 或 markmap 源码,预览区实时渲染。对话模式下,如果 AI 自己脑补了你没说的东西,点一下拒绝,图立刻重画一版去掉它。缩放、拖动、复位在电脑和手机上都能用。
切到分屏就能直接改 Mermaid 源码,改一个字预览立刻跟着变。SVG 是矢量,放多大都不糊;PNG 直接贴进 PPT 和文档;思维导图还能导出 Markdown 和 OPML,丢进 XMind、Obsidian 这类大纲工具。
工程师、产品经理、写技术文档的人每周要画的图,基本就是下面这七种。想一步出图就用快速模式,想让 AI 先问清楚再画就用对话模式。每一类都有单独的页面,里面有更多例子和可以照抄的 prompt。
把写成文字的流程 —— 用户注册、订单从下单到发货、发布上线、线上故障处理 —— 变成从上到下或从左到右的流程图。哪些是步骤、哪里要判断、分支上标什么条件,都从你的措辞里推出来。适合写新人文档、值班手册和技术方案。
写清楚谁调谁 —— 客户端、网关、鉴权服务、数据库、第三方接口 —— 就能得到一张带请求和返回箭头的时序图。描述里提到异步回调或失败分支时,AI 会自己补上注释。适合接口评审和联调对齐。
用大白话描述数据模型 —— 用户发文章、文章下面挂评论、评论属于用户 —— 直接生成带主键、外键和一对多关系的 ER 图。写 migration 之前对齐表结构,这是最快的方式。
给一个题目 —— 文艺复兴的艺术流派、判断产品是否跑通的信号、上线前的检查清单 —— 生成能折叠展开的思维导图,还能导出 OPML 丢进 XMind。不只工程师在用,写东西的人、学生、产品经理拿它列提纲也顺手。
把状态机画出来 —— 订单状态、订阅的生命周期、发布的各个阶段 —— 每条状态转移上标清楚是什么动作触发的。比用文字描述状态清楚得多,而且经常能在写代码之前就发现漏掉的转移。
把领域描述变成 UML 类图,带上属性、方法、继承和关联关系。代码评审、重构方案、讲面向对象设计的时候,能省下手画一堆方框的工夫。
描述里程碑和先后依赖 —— 第 2 周设计定稿、第 5 周后端完成、第 8 周上线 —— 生成带任务、工期和关键路径的甘特图。一个迭代排得完的事,用它比开 Jira 轻。
关于这个工具的常见问题。快速模式不用注册就能用;对话模式要登录,因为多轮对话的上下文得存下来。