OpenFlowKit
免费开源的开发者图表工具写代码或拖放画图，导出到 Figma
表格工具效率工具 免费图表工具开源图表制作器Mermaid.js编辑器流程图工具架构图工具开发者工具
前往官网 →
产品亮点
免费开源，MIT 许可
代码或拖放，两种方式都能画
本地优先，数据不上传不追踪
一键导出，可粘贴进 Figma
你能用它做什么
- 开发者写代码定义服务与数据库架构图
- 设计师用可视化界面画流程图再进 Figma
- 架构师用 AI 改系统图并导出 PDF 分享
怎么用
- 1 访问官网，无需注册即可直接使用。
- 2 选代码模式写 Mermaid.js 或 DSL，或拖放搭建。
- 3 自定义节点、边缘、主题的字体颜色形状。
- 4 用 Flowpilot AI 对话调整图表元素。
- 5 导出 SVG、PNG、PDF、JSON，或粘贴进 Figma。
适合谁使用
习惯用代码定义图表的开发者要交付 Figma 的设计师画系统架构图的架构师
优点
- 免费开源，可自行修改分发
- 本地优先，隐私和离线都能顾到
- 导出格式多，Figma 粘贴不失真
局限
- 代码模式要学 Mermaid.js 或自带 DSL
- AI 辅助结果需人工确认后再用
- 专注图表场景，不替代通用设计工具
OpenFlowKit 是什么
OpenFlowKit 是一个免费开源的图表工具，专为开发者打造，采用 MIT 许可协议，可自由使用、修改和分发，官网说明无需注册即可使用。它把代码编写和可视化拖放放在同一个环境里，基于 React Flow 构建，节点、边缘和主题都能自定义。所有数据保存在本地设备，不做云存储、追踪或同步。
你能用它做什么
- 用 Mermaid.js 语法或自带 DSL 写代码定义图表
- 拖放节点和边缘，快速搭出流程图和架构图
- 自定义字体、颜色、形状和主题
- 与 Flowpilot AI 对话，调整图表元素
- 导出 SVG、PNG、PDF、JSON，或粘贴进 Figma
适合谁使用
- 想用代码管理图表版本的开发者
- 需要把图带进设计稿的设计师
- 要画和分享系统架构图的架构师
需要留意什么
代码模式需要一定学习成本，Mermaid.js 语法和工具自带的 DSL 都要花时间熟悉，拖放模式在精细控制上不如代码直接。AI 辅助给出的修改建议需要人工确认，不能完全托管。它聚焦图表绘制，并不是通用设计软件，复杂视觉排版仍需配合其他工具。功能更新以仓库和官网说明为准，升级前建议先看变更记录。
常见问题
真的免费吗？
它是免费开源工具，采用 MIT 许可协议，可自由使用、修改和分发，官网也说明无需注册即可使用。
数据存在哪里？
工具采用本地优先策略，所有数据保存在本地设备上，不做云存储、追踪或同步到服务器。
能导出到 Figma 吗？
可以，图表能复制到剪贴板后直接粘贴到 Figma，并保留可编辑的文本和矢量图形，不需要额外插件。
为什么说它免费
官网写明的免费方式： 完全免费免费
免费额度、试用天数与功能范围由官网决定，随时可能调整，请以官网为准。
产品截图
截图归档自收录页面，仅供预览参考。
