┌─┬─┐ ┌─┐
│ │ │ ├┼┤
└─┴─┘ └─┘
»»»»»»»«««««««««««««
程序员常用画图工具：
在线画图工具：
- Draw.io：https://app.diagrams.net
- ProcessOn：https://www.processon.com/
- Visionon：https://pub.visionon.cn/
屏幕共享画板工具：
- Excalidraw 手绘白板工具：https://excalidraw.com/
- 小画桌协作白板：https://www.xiaohuazhuo.com/
思维导图工具：xmind：https://xmind.cn/
代码贴图工具：carbon：https://carbon.now.sh
文章编写工具：typora、语雀
居家办公常用工具：https://mp.weixin.qq.com/s/u3oSQum1TTrPwfPxitkLkg
【小沐学写作】程序员必备技能：画图工具汇总：https://blog.csdn.net/hhy321/article/details/121916357
流程图 & 原型图 & UML图
画图工具之：流程图 & 原型图 & UML图 等工具：
Draw.io【一款强大且支持在线编辑和导出的流程图绘制神器】：https://app.diagrams.net
Draw.io是一款非常出色的免费流程图绘制工具。利用这款工具，您可以轻松地绘制各种图表、图示和图形，涵盖了流程图、UML类图、组织结构图、泳道图、E-R图、文氏图等多种类型，适用于商务、工程、电气、网络设计、软件设计等各个领域的专业绘图需求。Draw.io致力于成为一款完全开源、免费且高质量的绘图软件。
这款软件内置了丰富的绘图资源，包括各种形状、图标、连接器和模板，能够满足绝大多数绘图需求。它还支持导入第三方图标资源，以满足更多的需求，完全可以替代微软Visio等流程图软件。
ProcessOn：https://www.processon.com/
专业强大的作图工具，支持多人实时在线协作，可用于原型图、UML、BPMN、网络拓扑图等多种图形绘制。国内版的 Draw.io。
VisionOn：https://pub.visionon.cn/
VisionOn 是一个轻量在线图形工具，实现了Visio的大部分功能，满足流程图、电路图、平面制图、软件设计、工程管理、思维导图、结构化分析等各种图形绘制。
PlantUML：https://plantuml.com/zh/
PlantUML 是一个可以让你快速编写UML图的组件。支持顺序图，用例图，类图，对象图，活动图 (旧语法)，组件图，部署图，状态图，时序图。
ioDraw【大合集，个人部署版，内部包含 ASCII 画图工具】：https://www.iodraw.com/
ioDraw 是免费的在线作图软件，用于制作流程图、思维导图、甘特图、白板手绘图、拓扑图、组织结构图、UML、ER和时序图、平面设计图、电子电路图等，无需注册即可使用
类似 ioDraw，也是一个画图工具合集【大合集，个人部署版，内部包含 ASCII 画图工具】：https://tilipa.zlsam.com/
画板 & 白板工具
画图工具之：画板 & 白板 工具：
小画桌协作白板 官网链接：https://www.xiaohuazhuo.com/
小画桌协作白板：是一款非常轻但功能非常全面的在线白板工具，内置有视频通话、演示跟随、思维导图、实时评论等实用功能，它就像是一个无限大的线上协作空间，每个参与协作的伙伴都能通过手绘、便利贴、上传各类文件等元素进行创作。
手绘白板工具：Excalidraw：https://excalidraw.com/
ASCII 画图工具
画图工具之：ASCII 画图工具：
textik：https://textik.com
textik 是一个在线项目，可以直接在线绘制 ascii 图，绘制完之后，链接可以直接丢给别人看，有点类似那些语言的 playground。在他们的后端大概是有一个简单的存储吧。这个工具很简单，所以画的图一般也比较简单。
asciiflow：https://asciiflow.com
asciiflow 也是一个在线应用，导出的时候可以选择 ascii 模式或者 extended 模式（其实就是用了一些非 ascii 的 unicode 字符）。但是不支持中文。
Charaster：https://technicism.github.io/Charaster/【Github：https://github.com/Technicism/Charaster】
monodraw：https://monodraw.helftone.com/
Monodraw 是 Mac 上一个 ASCII 码文本编辑器，旨在成为最终的 ASCII 艺术编辑器。因为 ASCII 作为一个概念，是简单明了的文本，Monodraw 为您提供了所有必要的工具，用于创建基于文本的艺术，从 ASCII 图片到图表，布局，流程图，算法，数据结构，二进制格式等等。Monodraw 允许您轻松创建基于文本的艺术（如图表，布局，流程图），并可视化地表示算法，数据结构，二进制格式等。因为它只是文本，所以几乎可以在任何地方轻松嵌入。
注意：绘制的时候可以选择 unicode 模式或者 ascii 模式，unicode 模式的线条和边角会比 ascii 模式流畅很多。monodraw 也不支持中文。
本地Ascii画图工具：http://www.jave.de/
图片转换成 ASCII 在线工具：
- Ascii-Generato【一块图片或文本转 ASCII 的工具】：https://ascii-generator.site/
- 图片转成彩色 ascii 图：https://www.ascii-art-generator.org/
代码画图工具
Plantuml：https://plantuml.com/zh/
plantuml 是 java 写的一个 uml 图生成工具，之前在公司内部画活动图，序列图的时候我用的非常多。用这种模式画图和写代码其实差不多。
aws-plantuml：https://github.com/milo-minderbinder/AWS-PlantUML
aws-plantuml 是一个 plantuml 的扩展，能够生成 aws 上的模块交互图，很方便。
graphviz：https://graphviz.org/
graphviz 是一个用代码来生成图工具，你在用的 pprof 生成的图本质上就是用 graphviz 绘制的。把一些代码逻辑通过图表展示出来，首选的应该就是 graphviz。
原型设计工具
原型设计工具：Axure（Axure RP）、墨刀、Pixso、Figma、即时设计（国内版figma）
即时设计 官网链接：https://js.design/
即时设计是一个专业级 UI 设计协作平台，兼具完善的 Sketch 基础功能和 Figma 高阶功能。支持多人实时在线编辑，可实现直播级同步，能满足不同规模团队的多人办公需求。另有产品原型交互连线、内置开发标注切图、实时打点评论反馈等实用协作功能，可满足用户从创作到评审到交付的一站式工作需求，大大提高产品、设计、研发的协作效能。
Sketch：
sketch 其实是一个原型设计工具，早期没有原型工具的时候，设计师们都是用 PS 来做设计的，效率低反人类，这个轻便小巧的工具一出现就赢得了很多人的心。没想到多年后，连程序员也用这个玩艺儿来画图了。说白了他们就是喜欢这个工具的默认样式嘛。
omnigraffle：
omnigraffle 和 sketch 一样是个付费软件，而且费用不低。主要优势就是 stencil(其实就是模版)丰富，对于工程师来说，这个工具除了模板丰富，没啥别的优势了。
低代码平台及框架
低代码 & 无代码 平台或框架：
Appsmith（PC）：https://github.com/appsmithorg/appsmith
Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或 GraphQL 源，并使用 JavaScript 语言编写逻辑，可以在短时间内创建内部应用程序。
Amis（PC）：https://github.com/baidu/amis
Amis 是百度开源的一块前端低代码框架，通过 JSON 配置就能生成各种后台页面，内置了 100+ 种 UI 组件，能够满足各种页面组件展现的希求，极大减少开发成本，甚至可以不需要了解前端。
LowCodeEngine：https://github.com/alibaba/lowcode-engine
LowCodeEngine 低代码引擎是一款为低代码平台开发者提供的，具备强大扩展能力的低代码研发框架。由阿里巴巴前端委员会、钉钉宜搭联合出品。使用者只需要基于低代码引擎便可以快速定制符合自己业务需求的低代码平台。
H5/PC-Dooring（PC、H5）：https://github.com/MrXujiang/h5-Dooring、https://github.com/MrXujiang/pc-Dooring
H5-Dooring是一款功能强大、专业可靠的H5可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以 React 和 TypeScript 为主，后台采用 nodejs 开发。除了 H5 版，还提供了 PC 版。
Mometa：https://github.com/imcuttle/mometa
mometa 不是传统主流的低代码平台（如 amis/云凤蝶），mometa 是面向研发的、代码可视化设计编辑 平台，它更像是 dreamweaver、gui 可视编 之于 程序员。mometa 定位更多是 基于程序员本地开发的模式，新增了可视化编码的能力（修改的也是本地的代码文件本身）
form-generator：https://github.com/JakHuang/form-generator
Element UI 表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。
tmagic-editor（PC、H5、TV）：https://github.com/Tencent/tmagic-editor
tmagic-editor 是一款由腾讯技术中心出品的一款开源低代码框架，能够实现零代码/低代码生成页面 ， 可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大降低页面生产成本 。
quark-h5：https://github.com/huangwei9527/quark-h5
quark-h5是一个基于vue2 + koa2的 H5制作工具，和大多数的前端低代码框架一样，采用的是编辑器生成页面JSON数据，服务端负责存取JSON数据，渲染时从服务端取数据JSON交给前端模板处理。让不会写代码的人也能轻松快速上手制作H5页面。其用处类似易企秀、百度H5等H5制作、建站工具。
shida （H5）：https://github.com/tnfe/shida
shida 是一个视频可视化搭建项目，开发者可以通过拖拽就可以快速地生产一个短视频，使用方式就像易企秀或百度 H5 等 h5 低代码平台一样。shida的后端视频合成部分是基于FFCreator进行开发的，FFCreator 是一个基于 node.js 的轻量、灵活的短视频加工库，只需要添加几张图片或视频片段再加一段背景音乐，就可以快速生成一个很酷的视频短片。【前端部分 fork 自quark-h5项目开发，未做太多扩展。端视频合成部分是基于FFCreator这个库开发的】Yao：https://github.com/YaoApp/yao
Yao 是一款支持快速创建 Web 服务和管理后台的开源低代码应用引擎。只需使用 JSON 即可创建数据库模型、编写 API 接口、描述管理后台界面的低代码引擎，使用 Yao 构建的应用可运行在云端或物联网设备上。
NocoBase：https://github.com/nocobase/nocobase
NocoBase 是一个极易扩展的开源无代码开发平台。无需编程，使用 NocoBase 搭建自己的协作平台、管理系统，只需要几分钟时间。如果你有以下需求，NocoBase 就是为你设计的：
- 开发组织内部管理系统
- 通过无代码开发，满足大部分业务需求
- 无代码开发在操作上足够简单，满足非开发人员；在功能上足够灵活，接近原生开发
- 可以非常方便的进行扩展开发
- 私有部署，掌控全部代码和数据
sparrow 是一个场景化低代码（LowCode）搭建工作台，它的核心目标仅有一条“提升研发效率”，目前提供基于Vue、Element-UI 组件库中后台项目的实践，实时输出源代码。
vite-vue3-lowcode：https://github.com/buqiyuan/vite-vue3-lowcode
vite-vue3-lowcode 是一个基于 Vite2.x + Vue3.x + TypeScript 的 H5 低代码平台，可视化拖拽、可视化编辑器 visual editor 类似易企秀的 H5 制作、建站工具、可视化搭建工具，目前还只是一个简单的模板，可以自己部署学习。
华炎魔方：https://github.com/steedos/steedos-platform
华炎魔方是 Salesforce 低代码平台的开源替代方案，使用可视化工具进行模型设计, 页面设计, 流程设计, 报表设计 ， 只需点击鼠标，就能快速创建应用程序，实现敏捷开发的新高度。
Awesome Lowcode：https://github.com/taowen/awesome-lowcode
Awesome Lowcode 是国内低代码平台从业者交流项目，包含了国内外的一些低代码平台。
参考文献：
- 盘点12个 yyds 的低代码开源项目：https://mp.weixin.qq.com/s/2pTDHCQPtnta3I1njPN3iw
- 推荐10个开源的前端低代码项目：https://blog.csdn.net/MrWen2395772383/article/details/129548420
原型设计工具 + 无代码设计 = 数睿数据 Smardaten：http://appstore.smardaten.com/
团队协作远程管理工具
团队协作远程管理工具：https://mp.weixin.qq.com/s/SfmhlexYCGIOW-ppdbJK5Q
Tower 官网链接：http://m6z.cn/6w3J5H
Tower 应该是国内第一批做协作工具的，2012 年成立，产品体验丝滑，所以也获得了很好的口碑。无论是软件开发、产品设计、市场、行政、法律法务，各类团队都可以用 Tower 来管理项目，同时他们还提供了很多模板，一键启用，很方便。
局域网文件传输 | Feem：手机电脑跨平台局域网文件传输工具神器，速度快，无限制，可离线。官网：https://feem.io/
用电脑给手机打字 | 远程输入法：完全免费的远程输入法，可以让你用电脑给手机打字。支持Windows、macOS与iOS、Android。官网：https://remoboard.github.io/
免费内网穿透远程控制 | Dbadmin：一款简约方便，绿色免费，不用路由端口映射，无需复杂安装设置的内网穿透、远程控制工具，双击即用，用完就删。官网：https://www.slser.com/
团队协作移动客户端 | Worktile：一款适合团队使用的协同办公工具。官网：https://worktile.com/
RustDesk：一个开源的远程桌面控制程序，简单方便，开箱即用，无需配置，可充当 TeamViewer 和 AnyDesk 的替代品。软件数据可自行托管到私有服务器，确保数据安全。官网：https://rustdesk.com/zh/
Cloudreve：一个开源的私兼备的云文件网盘系统。支持多家云存储驱动，客户端直传、下载限速、文件管理、用户权限分配等功能。官网：https://cloudreve.org/
Deskreen：一个可将电脑屏幕共享到任意带有浏览器的设备上，使之成为电脑的第二块屏幕的应用程序。官网：https://deskreen.com/lang-zh_CN
程序员最爱的20种绘图工具
程序员最爱的20种绘图工具：https://blog.csdn.net/songke2008/article/details/130414211
Sketch：Sketch 是一款为 Mac 设计的矢量绘图工具，可用于 UI 设计和数字绘画。Sketch 是一个轻量级应用程序，易于使用，同时也是 Web 和移动设计师的首选。
Adobe Illustrator：Adobe Illustrator 是一款流行的矢量绘图工具，广泛用于平面设计、网站设计和图形设计等领域。它拥有强大的创意工具，可用于创建复杂的图形和艺术品。
Inkscape：Inkscape 是一款免费的开源矢量绘图工具，可用于创建各种图形和艺术品。它支持多种格式，并且具有直观的用户界面，易于学习和使用。
Adobe Photoshop：Adobe Photoshop 是一款流行的图像处理工具，可用于创建和编辑图像、照片和艺术品。它提供了广泛的创意工具和滤镜，可用于处理和美化图像。
GIMP：GIMP 是一款免费的开源图像编辑工具，可用于创建和编辑图像、照片和艺术品。它支持多种格式，并且具有强大的创意工具和滤镜。
Affinity Designer：Affinity Designer 是一款为 Mac 设计的矢量绘图工具，可用于 UI 设计、图形设计和数字绘画。它具有直观的用户界面和强大的创意工具，是一款强大的设计工具。
Figma：Figma 是一款基于云的设计工具，可用于创建和共享 UI 设计、原型和图形。它支持多人协作，可以轻松地共享设计和反馈。
Canva：Canva 是一款易于使用的平面设计工具，可用于创建各种设计、海报和图形。它提供了各种模板和设计元素，可以帮助用户快速创建美观的设计。
Lucidchart：Lucidchart 是一款基于云的图表和流程图工具，可用于创建各种图表和流程图。它支持多人协作和在线共享，是一款强大的团队协作工具。
OmniGraffle：OmniGraffle 是一款为 Mac 设计的图形设计工具，可用于创建各种图形和流程图。它具有强大的创意工具和自动布局，可用于快速创建复杂的图形。
Microsoft Visio：Microsoft Visio 是一款专业的流程图和图表绘制工具，可用于创建各种流程图、组织结构图、网络图和数据流图等。它支持多种格式，并且易于使用。
draw.io：draw.io 是一款基于云的图表绘制工具，可用于创建各种流程图、组织结构图、网络图和数据流图等。它支持多人协作和在线共享，并且完全免费。
PlantUML：PlantUML 是一款基于文本的 UML 绘图工具，可用于创建各种 UML 图表。它支持多种格式，并且可以轻松地将 UML 图表嵌入到文档中。
Gliffy：Gliffy 是一款基于云的图表绘制工具，可用于创建各种流程图、组织结构图、网络图和数据流图等。它支持多人协作和在线共享，并且提供了许多模板和图形。
Dia：Dia 是一款免费的开源图表绘制工具，可用于创建各种流程图、组织结构图、网络图和数据流图等。它支持多种格式，并且易于使用。
Pencil Project：Pencil Project 是一款开源的原型设计工具，可用于创建各种应用程序的原型和流程图。它支持多种格式，并且提供了许多 UI 元素和图形。
SketchUp：SketchUp 是一款为 Mac 和 Windows 设计的 3D 建模工具，可用于创建各种建筑和产品设计。它具有直观的用户界面和强大的建模工具，易于学习和使用。
Blender：Blender 是一款免费的开源 3D 建模工具，可用于创建各种建筑和产品设计。它具有强大的建模和渲染工具，并且支持多种格式。
Unity：Unity 是一款为游戏开发设计的 3D 建模工具，可用于创建各种游戏和应用程序。它具有强大的建模和渲染工具，并且支持多种平台。
Cacoo：Cacoo 是一款基于云的图表绘制工具，可用于创建各种流程图、组织结构图、网络图和数据流图等。它支持多人协作和在线共享，并且提供了许多模板和图形。
参考文献 & 鸣谢
- 【小沐学写作】程序员必备技能：画图工具汇总：https://blog.csdn.net/hhy321/article/details/121916357
- 程序员绘图工具推荐：https://blog.csdn.net/chai2010/article/details/116549152、https://mp.weixin.qq.com/s/xai1fWwJiD6rSvIBvzIuog
- 程序员最爱的20种绘图工具：https://blog.csdn.net/songke2008/article/details/130414211
转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 8629303@qq.com
