DC娱乐网

画技术架构图,我用这个技能搞定了一个老烦恼 画架构图这件事,我以前总在工具选择

画技术架构图,我用这个技能搞定了一个老烦恼

画架构图这件事,我以前总在工具选择上纠结。Visio 太重,drawio 凑合,Excalidraw 手绘感太强不够正式。每次画完,配色和布局也常常不满意。
最近在学浏览器扩展开发,要画几张架构图说明组件关系和消息流程。我试了 BaoyuDiagram 这个技能,出来的效果比预期好不少。
它直接生成深色主题的 SVG,支持架构图、流程图、时序图、结构图、思维导图、时间线。我把扩展的架构描述了一下,它就出图了。配色舒服,线条干净,多张图放一起风格也统一。不像我以前手画的,第一张和第二张像两个人画的。
如果手动画,光是对齐和调样式就得花不少时间。用这个技能,主要时间花在组织内容上,而不是跟工具较劲。
我比较看重的一点是风格统一。以前画多张图,每张都重新调样式,最后放一起总不协调。这个技能出来的图,深色主题一致,看起来像一套完整的文档配图,不是东拼西凑的。
SVG 格式也实用。放大不糊,贴到文档里清晰。比起截图,矢量图在技术文档里更靠谱。
也不是完全没毛病。复杂图偶尔会出现布局拥挤,需要调整描述多试几次。但比起手动拖拽,已经省了不少事。
如果你经常需要画技术图,又不想在工具和样式上纠结,可以试试这个思路。不一定是唯一解,但多一个顺手的工具总没坏处。你平时画架构图用什么工具?