CZ (@beilin) 在 Claude + excalidraw,创建美观的流程图 中发帖
以前画流程图,是用 AI 生成 mermaid 代码。
最近了解了 excalidraw,它的文件格式是 JSON,这样也很方便AI 生成。文章可以换新的图了。
例如:
使用 claude,分析 TA 心理咨询的流程,使用excalidraw的 json 格式,画出流程图。就会生成 json 代码,复制粘贴到一个文件,xxx.json
打开网站 Excalidraw | Hand-drawn look & feel • Collaborative • Secure xxx.json 即可。
如果流程图比较复杂,chatbot 里无法一次生成,可以:“继续”,或者使用 cursor/trae/claude code/gemini cli 等工具。
excalidraw也支持 React 的组件,可以集成到自己网站,更加方便。
效果:
[FogS7NIChxPRVyNgnVD...