想问一下大家现在开发还要写设计文档吗？设计文档中要用到的一些流程图，时序图都是用什么工具画的呢？

[barantt01]

我现在都是用 processOn 但是这玩意免费的有数量限制。 有什么类似的替代的吗？

[yidinghe]

你要写吗？写给谁看？

[andyskaura]

让 ai 输出 mermaid 语法

[v7864007]

processOn-团队版

[UnluckyNinja]

tldraw 或者 excalidraw 存本地

[moyupai]

AI 早就能画了,你对他叭叭叭,他一会就给你整出来

[barantt01]

@yidinghe 要写，就是会和领导过技术方案

@andyskaura
@moyupai 我们公司用的是企业微信， 那个文档一言难尽。 只能画好截图放到文档里面

[moyupai]

@barantt01 飞书的云文档 ,我是习惯让 claudeCode 直接使用 lark-cli 操作云文档,写完发我个链接,然后我再把连接扔群里 at 相关人,你这种写技术方案正合适

[PopRain]

draw.io

[chengfangpeng00]

我用 claude code 可以直接生成 drawio 格式的文件，然后用 drawio 工具打开微调，最终导出对应的 png 文件，

[karott7]

excalidraw 或者 figma

[barantt01]

@chengfangpeng00 我试试

[WilliamHo]

@andyskaura 是的，这个好用。mermaid

[barantt01]

@karott7 这两个都没有现成的一些形状， 比如我要画时序图， 在 processOn 上拖出来就能用， 但是用你说的这个可能还得自己画线条

[chendy]

AI 画，mermaid 或者 plantuml

[icebay]

https://github.com/tt-a1i/archify

这个效果还不错，我开发习惯是先出 HTML 格式的方案，审核过再实作，里面带好流程图，方便理解。

HTML 方案类似 Claude 的 Artifacts ，但是文件本地化。

[icebay]

还可以让 agent 带上方案验收步骤，验收一个勾选一个，比 MD 格式好用很多。

[leoliangkkkk]

一开始让 AI 输出 mermaid ，但是 mermaid 画复杂图，各自连线乱飞，样式就非常丑。后面改用 drawio-skill,飞书文档也支持导入这种格式。https://github.com/Agents365-ai/drawio-skill

[lbprivateacc]

mermaid 复杂一点的图展示有点丑啊

[hackxing]

https://studio.meowv.com/mermaid

[YYDC]

求教怎么根据 prd 些设计方案，之前用 opus 5 写出来的感觉不想是在说人话

[HotieCutie]

ai 做 html 页面是非常强的，完全可以让 ai 用 html 把流程图给设计出来，而且可以做的很绚丽，既可以导出为 pdf ，也可以截图

[Yasuke]

svg-diagram

[fourierlove]

我也喜欢直接生成 html ，好看很多

[Mystery0]

@barantt01 #6 要和领导评审的话让 ai 直接输出单页 html ，双击就能运行，能搞动态，不怕内容多，也方便改。评审完了之后如果要留文档留痕或者让后续的 ai 不抓瞎，让 ai 根据方案重新写 md ，图用 mermaid

[misaka19000]

claude code 一把梭

[weixiangzhe]

mermaid 呀，我一般用来沟通用 比文字清晰的多，修改也方便，主要是对人对 agent 都友好

[bbsingao]

设计文档肯定要写的，你要没有一个完善的设计文档，vibe 出来是什么鸟玩意，谁都不知道。
当然，你没必要像以前那么手写

[insert000]

processOn skill 画就行了 ，不满意还能微调