V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wingtao
V2EX  ›  分享创造

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

  •  
  •   wingtao · 66 天前 · 1675 次点击
    这是一个创建于 66 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    所以开发了这个插件 Notion Diagram

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

    最后给个图看下效果吧

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

    19 条回复    2024-02-22 17:59:23 +08:00
    chinaguaiu
        1
    chinaguaiu  
       66 天前
    支持。
    ---
    "基于 drawio 开发", 这个插件是离线可用的吗?
    zhouquanbest
        2
    zhouquanbest  
       66 天前   ❤️ 1
    试了下 挺实用 赞一个

    就是每次新建页面要重新给这个页面权限比较繁琐
    wingtao
        4
    wingtao  
    OP
       66 天前
    @chinaguaiu 不是的哈,因为是在 Notion 里面,所以需要在线状态的。不过后面会加上离线可保存能力
    wingtao
        5
    wingtao  
    OP
       66 天前
    @zhouquanbest 是的,Notion 目前只能支持给已有页面授权,在考虑怎么优化这一部分操作
    0w0b
        6
    0w0b  
       66 天前
    簡單的流程圖、時序圖可以在 notion 內用 markdown + mermaid
    shanghai1998
        7
    shanghai1998  
       66 天前
    支持 notion 客服端使用吗?
    zzz22333
        8
    zzz22333  
       66 天前
    能不能支持下客户端呀
    rizon
        9
    rizon  
       66 天前
    很不错好的方案,我因为 notion 不能画图,但是自己作图的场景比较多,专门自己开发了一个以画图为核心的笔记应用。
    https://next.notelive.cn/
    集成了 drawio 的流程图和 excalidraw 的画板。

    ![]( https://youjb.com/images/2024/02/22/image2398edd385b269ef.png)
    wingtao
        10
    wingtao  
    OP
       66 天前
    @0w0b 是的,但是只能做一些简单的
    wingtao
        11
    wingtao  
    OP
       66 天前
    @shanghai1998 暂时不能哦,基于浏览器插件的,所以暂时只能支持网页版
    wingtao
        12
    wingtao  
    OP
       66 天前
    @zzz22333 暂时不能哦,基于浏览器插件的,所以暂时只能支持网页版
    wingtao
        13
    wingtao  
    OP
       66 天前
    @rizon 厉害了,respect !
    rizon
        14
    rizon  
       66 天前
    @wingtao #13 也没有了。
    其实原本是有很多后续的一些非常不错的规划的,但自己一个人也没那么多精力搞下去,暂时就这么搁置了。
    而且我也没对外宣传,基本就是自用了。以后有时间再慢慢完善吧。
    其实也有挺多商业化的想法,但是笔记类产品的赛道竞争激烈,个人搞这个几个不错的 idea 也产生不了竞争力。
    反正也是为了自己工作方便,就先这么这么用着了。

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

    话说咨询一个问题啊:
    我看你用的是 firebase 这个 paas 平台,做海外应用这是一个很不错的选择吗?如果想做出海的产品,还有什么好的 paas 和 sass 选择吗
    zuisong
        15
    zuisong  
       66 天前
    我也开发了一个类似的插件 https://github.com/zuisong/notion-kroki
    支持 plantuml ,D2 等众多 kroki.io 支持的文本绘图语言
    wingtao
        16
    wingtao  
    OP
       66 天前   ❤️ 1
    @rizon firebase 和 supabase 都是全家桶选择,我是因为和 Google 登录更契合,所以选用的 firebase
    wingtao
        17
    wingtao  
    OP
       66 天前
    @zuisong cool ,第一次了解 kroki ,这个和 mermaid 是不是类似的,现在 notion 好像内置支持了 mermaid 语法
    7gugu
        18
    7gugu  
       66 天前
    能支持一下 firefox 么?谢谢
    zuisong
        19
    zuisong  
       66 天前
    @wingtao #17 是的 notion 仅支持 mermaid ,kroki 支持更多的文本绘图语言
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3159 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:22 · PVG 21:22 · LAX 06:22 · JFK 09:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.