程序员必备的画图工具汇总

文章目录

• 1、简介
• 2、draw.io
• 3、Excalidraw
• 4、Xmind
• 5、语雀
• 6、Database
• • 6.1 dbdiagram.io
  • 6.2 sqldbm
  • 6.3 QuickDBD
• 7、UML
• • 7.1 plantuml
  • 7.2 Graphviz
• 结语

1、简介

优秀的作图工具有许多，例如文本绘图工具 PlantUML，流程图设计工具 Draw.io，还有专业绘图工具 Sketch 和 Figma 等。

2、draw.io

官 地址：
https://www.draw.io/index.html
https://www.diagrams.net/
https://www.iodraw.com/diagram/
https://www.iodraw.com/mind

diagrams.net (formerly draw.io) is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy? and Lucidchart? files .

http://Draw.io是一款免费开源的电脑端跨平台绘图软件，该软件可以绘制各种各样的流程图、结构图、工程图、设计图以及思维导图等，比Visio更灵活更便捷，能显著提升工作效率。

draw.io 提供了丰富的模版，支持商务、图表、cloud、工程、流程图、布局、地图、 络、软件、表格、UML、Venn等。还可以自定义模板。

3、Excalidraw

Excalidraw – 免费的手绘风格白板应用，能够画各种流程图、示意图、架构图。

官 地址：
https://excalidraw.com/
https://www.npmjs.com/package/@excalidraw/excalidraw
https://blog.excalidraw.com/rethinking-virtual-whiteboard/

Excalidraw 是一款轻量的手绘风格电子白板在线应用，无论是 Windows / macOS / linux，甚至是手机，打开浏览器就能使用，能简单地画出美观漂亮的流程图、示意图和开发架构图等常用图片，也可以作为会议画板使用，不仅是一款优秀的画图应用，也是一款自由便捷的电子白板应用。

Excalidraw 是一款使用完全免费的轻量级电子白板应用，不需要下载安装，打开 址就能使用，开发团队甚至开放了源码，基于 MIT 开源协议托管在 Github，开发者可以自由部署。

• Excalidraw通过浏览器直接打开，无需安装；可以在任何设备上使用，比如电脑端、手机、平板电脑，只要在浏览器打开上述链接即可使用。支持多人协作：可以分享链接给其他小伙伴，一起共享同一个白板进行创作。

4、Xmind

https://xmind.cn/
https://xmind.app/download/

Xmind是一款 全功能 的思维导图和头脑风暴软件。像大脑的瑞士军刀一般，助你理清思路，捕捉创意。

• 联系
  使用联系将两个相关的想法联系起来。你可以使用不同的形状，颜色来表达特定的意思，或者直接在联系线上添加文字描述。
• 概要
  概要用于为选中的一组主题添加总结或概要信息。像其它主题一样，概要主题可以更改样式或添加子主题。
• 外框
  外框是围绕主题的封闭区域。当你想强调某些内容或告诉读者某些特殊概念时，外框可以将这些主题框在一起。我们也为外框提供多种样式。
• 标记
  通过添加优先级，项目进度，风险等标记来做日程规划、项目管理和标记需要掌控时间节点。在图例中可以显示全部标记和自定义标记名称。
• 笔记
  为了思维导图的简洁，你可以将额外的文本信息或链接放入可扩展的笔记中作为注释，并在需要时随时查看。

Xmind 提供了很多类型的思维导图，并支持设置多种主题风格：
下载地址：https://xmind.app/download/

语雀画板还支持直接从 icofont 搜索、添加图标。支持团队协作绘图；保存版本，恢复历史版本。


SqlDBM提供了许多功能，如ALTER脚本、团队协作、DB和DW转换、自动布局以及许多导出选项，包括SQL和文档导出能力。SqlDBM有一个项目的免费版本。

7、UML

7.1 plantuml

https://plantuml.com/zh/

PlantUML是一个可以让你快速编写UML图的组件。

PlantUML支持顺序图，用例图，类图，对象图，活动图 (旧语法)，组件图，部署图，状态图，时序图。

PlantUML也支持以下非UML图。JSON数据，YAML数据， 络图(nwdiag)，线框图形界面或UI模拟（Salt），架构图，规范和描述语言（SDL），Ditaa图，甘特图，思维导图图示，工作分解结构图（WBS），用AsciiMath或JLaTeXMath符 进行数学计算，实体关系图(IE/ER)。

• 例子1：


7.2 Graphviz

https://graphviz.org/
Graphviz是开源的图形可视化软件。图形可视化是一种将结构信息表示为抽象图形和 络图的方法。它在 络，生物信息学，软件工程，数据库和 页设计，机器学习以及其他技术领域的可视化界面中具有重要的应用。

• 例子1：

graph Color_wheel {	graph [		layout = neato		label = "Color wheel, 33 colors.nNeato layout"		labelloc = b		fontname = "Helvetica,Arial,sans-serif"		start = regular		normalize = 0	]	node [		shape = circle		style = filled		color = "#00000088"		fontname = "Helvetica,Arial,sans-serif"	]	edge [		len = 2.7		color = "#00000088"		fontname = "Helvetica,Arial,sans-serif"	]	subgraph Dark {		node [fontcolor = white width = 1.4]		center [width = 1 style = invis shape = point]		center -- darkred [label = "0°/360°"]		darkred [fillcolor = darkred]		brown [fillcolor = brown]		brown -- center [label = "30°"]		olive [fillcolor = olive]		olive -- center [label = "60°"]		darkolivegreen [fillcolor = darkolivegreen fontsize = 10]		darkolivegreen -- center [label = "90°"]		darkgreen [fillcolor = darkgreen]		darkgreen -- center [label = "120°"]		"dark hue 0.416" [color = ".416 1 .6" fontcolor = white]		"dark hue 0.416" -- center [label = "150°"]		darkcyan [fillcolor = darkcyan]		darkcyan -- center [label = "180°"]		"dark hue 0.583" [color = ".583 1 .6" fontcolor = white]		"dark hue 0.583" -- center [label = "210°"]		darkblue [fillcolor = darkblue]		darkblue -- center [label = "240°"]		"dark hue 0.750" [color = ".750 1 .6"]		"dark hue 0.750" -- center [label = "270°"]		darkmagenta [fillcolor = darkmagenta]		darkmagenta -- center [label = "300°"]		"dark hue 0.916" [color = ".916 1 .6"]		"dark hue 0.916" -- center [label = "330°"]	}	subgraph Tue {		node [width = 1.3]		"hue 0.083" -- brown		"hue 0.083" [color = ".083 1 1"]		"hue 0.125" [color = ".125 1 1"]		"hue 0.166" -- olive		"hue 0.166" [color = ".166 1 1"]		"hue 0.208" [color = ".208 1 1"]		"hue 0.250" -- darkolivegreen		"hue 0.250" [color = ".250 1 1"]		"hue 0.291" [color = ".291 1 1"]		"hue 0.333" -- darkgreen		"hue 0.333" [color = ".333 1 1"]		"hue 0.375" [color = ".375 1 1"]		"hue 0.416" -- "dark hue 0.416"		"hue 0.416" [color = ".416 1 1"]		"hue 0.458" [color = ".458 1 1"]		"hue 0.500" -- darkcyan		"hue 0.500" [color = ".500 1 1"]		"hue 0.541" [color = ".541 1 1"]		node [fontcolor = white]		"hue 0.000" [color = ".000 1 1"]		"hue 0.000" -- darkred		"hue 0.041" [color = ".041 1 1"]		"hue 0.583" -- "dark hue 0.583"		"hue 0.583" [color = ".583 1 1"]		"hue 0.625" [color = ".625 1 1"]		"hue 0.666" -- darkblue		"hue 0.666" [color = ".666 1 1"]		"hue 0.708" [color = ".708 1 1"]		"hue 0.750" -- "dark hue 0.750"		"hue 0.750" [color = ".750 1 1"]		"hue 0.791" [color = ".791 1 1"]		"hue 0.833" -- darkmagenta		"hue 0.833" [color = ".833 1 1"]		"hue 0.875" [color = ".875 1 1"]		"hue 0.916" -- "dark hue 0.916"		"hue 0.916" [color = ".916 1 1"]		"hue 0.958" [color = ".958 1 1"]		edge [len = 1]		"hue 0.000" -- "hue 0.041" -- "hue 0.083" -- "hue 0.125" -- "hue 0.166" -- "hue 0.208"		"hue 0.208" -- "hue 0.250" -- "hue 0.291" -- "hue 0.333" -- "hue 0.375" -- "hue 0.416"		"hue 0.416" -- "hue 0.458" -- "hue 0.500" --"hue 0.541" -- "hue 0.583" -- "hue 0.625"		"hue 0.625" -- "hue 0.666" -- "hue 0.708" -- "hue 0.750" -- "hue 0.791" -- "hue 0.833"		"hue 0.833" -- "hue 0.875" -- "hue 0.916" -- "hue 0.958" -- "hue 0.000"	}	subgraph M

                                                        
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！