Notion Diagram—让你可以在 Notion 里直接画图

[wingtao]

平时用 notion 比较多，而且也经常画图解，比如流程图、UML 、思维导图等等，但是 notion 本身并不支持画图，这就比较麻烦。

很多教程都是让用第三方产品比如 miro 等上画，画完了再嵌入到 notion 中。说实话这个流程我很烦，一方面是需要切来切去，我画个图还得登录一个第三方产品，再画，再复制，再嵌入。流程上感觉很麻烦；另一方面不光新画一个流程图时麻烦，再次编辑时也很麻烦，需要再次跳到第三方，而且更大的问题是你必须是登录了第三方平台才行，要不你嵌入的部分就会显示空白，这在手机上看时简直致命。

所以开发了这个插件 Notion Diagram

• 功能强大。基于 drawio 开发，基本上你在 drawio 上可以画的，这里都可以
• 操作简单。新建、编辑等操作完全在 notion 内完成，无需再跳出页面
• 预览巧妙。插入到 Notion 中的图是一张图片，所以在哪儿预览都没有问题，更神奇的是这个流程图图片还支持继续编辑
• 免费！又是用爱发电，不过后期可能会加入更高级的功能收费，目前这些功能都是免费的。

最后给个图看下效果吧

官网： https://notiondiagram.com/ 直接下载插件： https://chromewebstore.google.com/detail/notion-diagram/ecehgjchgljhelckignmadihfbnabnfd

[chinaguaiu]

支持。
---
"基于 drawio 开发", 这个插件是离线可用的吗？

[zhouquanbest]

试了下 挺实用 赞一个

就是每次新建页面要重新给这个页面权限比较繁琐

[dobelee]

@chinaguaiu https://www.drawio.com/doc/faq/offline

[wingtao]

@chinaguaiu 不是的哈，因为是在 Notion 里面，所以需要在线状态的。不过后面会加上离线可保存能力

[wingtao]

@zhouquanbest 是的，Notion 目前只能支持给已有页面授权，在考虑怎么优化这一部分操作

[0w0b]

簡單的流程圖、時序圖可以在 notion 內用 markdown + mermaid

[shanghai1998]

支持 notion 客服端使用吗？

[zzz22333]

能不能支持下客户端呀

[rizon]

很不错好的方案，我因为 notion 不能画图，但是自己作图的场景比较多，专门自己开发了一个以画图为核心的笔记应用。
https://next.notelive.cn/
集成了 drawio 的流程图和 excalidraw 的画板。


[wingtao]

@0w0b 是的，但是只能做一些简单的

[wingtao]

@shanghai1998 暂时不能哦，基于浏览器插件的，所以暂时只能支持网页版

[wingtao]

@zzz22333 暂时不能哦，基于浏览器插件的，所以暂时只能支持网页版

[wingtao]

@rizon 厉害了，respect ！

[rizon]

@wingtao #13 也没有了。
其实原本是有很多后续的一些非常不错的规划的，但自己一个人也没那么多精力搞下去，暂时就这么搁置了。
而且我也没对外宣传，基本就是自用了。以后有时间再慢慢完善吧。
其实也有挺多商业化的想法，但是笔记类产品的赛道竞争激烈，个人搞这个几个不错的 idea 也产生不了竞争力。
反正也是为了自己工作方便，就先这么这么用着了。

你这个的原理就挺巧妙的，drawio 本身可以直接存储和编辑 svg 格式，这样直接把 svg 插入进来就行。
挺不错的。

话说咨询一个问题啊：
我看你用的是 firebase 这个 paas 平台，做海外应用这是一个很不错的选择吗？如果想做出海的产品，还有什么好的 paas 和 sass 选择吗

[zuisong]

我也开发了一个类似的插件 https://github.com/zuisong/notion-kroki
支持 plantuml ，D2 等众多 kroki.io 支持的文本绘图语言

[wingtao]

@rizon firebase 和 supabase 都是全家桶选择，我是因为和 Google 登录更契合，所以选用的 firebase

[wingtao]

@zuisong cool ，第一次了解 kroki ，这个和 mermaid 是不是类似的，现在 notion 好像内置支持了 mermaid 语法

[7gugu]

能支持一下 firefox 么？谢谢

[zuisong]

@wingtao #17 是的 notion 仅支持 mermaid ，kroki 支持更多的文本绘图语言