流程说不清？先在浏览器里画一版

周四会议里常见一幕：嘴上讲流程，对方点头，散会后各写各的。与其再开一轮会，不如先在浏览器里画一版——箭头、方框、便签摆清楚，再丢链接给人对齐。下午那杯水喝完的空档，够打开一个白板页。下面 3 个网页，免装协作客户端，开会空隙够用。

1. Excalidraw：手绘风，先把想法摊开

https://excalidraw.com/ 打开就是画布。线条偏手绘感，适合「先别正儿八经做架构图」那种阶段：框一下模块、拉几条箭头、贴几句备注。可导出 PNG/SVG，也能开协作链接让同事一起改。

免账号就能画；数据多在浏览器本地，协作时注意链接别随手甩到公开群。它擅长草图和对齐认知，别指望替代正式 UML 规范文档。会议室投屏时字号调大一点，后排才看得清。

2. tldraw：极简画布，打开就动手

想少点设置、快点开画，用 https://www.tldraw.com/ 。无限画布，形状、箭头、便签都有，界面干净，适合十分钟内把「从 A 到 B」画明白。分享链接协作也行。

偏轻量，形状库没有 diagrams.net 那么全。复杂泳道、数据库 ER 图，别硬扛——画清楚主路径就够。同样只写网页端，有桌面安装包也不用管。画完记得导出一份，别只靠标签页活着。

3. diagrams.net：认准形状库再开画

流程要正式一点、符号要对得上，开 https://app.diagrams.net/ （也叫 draw.io）。流程图、UML、网络拓扑、云架构图标都有现成库；文件可存本地、Google Drive 或 OneDrive，导入 Visio 一类也常见。

第一次别被侧边库吓到：选 Flowchart 或 Basic，拖几个方块连线就行。功能深不等于这次全用完；敏感架构图存哪、谁能看，按你们团队规矩来。离线想用，也可另找官方桌面版——本篇只写网页怎么开。

三个站怎么挑：Excalidraw 要手绘草图对齐认知，tldraw 要极简速画，diagrams.net 要规范形状和导出。流程说不清的下午，先开一个置顶画十分钟，比空口再辩一轮省事。会后把图丢进群，比「回去再想想」更像对齐。别指望一张草图解决所有争议，但至少大家看着同一张图说话。你更常卡在「讲不清」，还是「画完没人看」？评论区丢一句。

#白板  #流程图  #打开就能用  #周四摸鱼

点个关注，周四下午那杯水喝完的空档，正好塞进一个好站。

📖 往期精选

没看够？这些干货也别错过 👇

4 个浏览器里就能用的开发小页

盯屏盯到眼酸？先开这几个提醒页

3 个仪式感网页：黑胶、播放卡、拍立得