Notion Diagram让你可以在 Notion 里直接画图 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wingtao
V2EX    分享创造

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

  •  
  •   wingtao 2024-02-22 10:17:43 +08:00 4363 次点击
    这是一个创建于 600 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    所以开发了这个插件 Notion Diagram

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

    最后给个图看下效果吧

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

    21 条回复    2024-09-23 17:04:27 +08:00
    chinaguaiu
        1
    chinaguaiu  
       2024-02-22 10:38:43 +08:00
    支持。
    ---
    "基于 drawio 开发", 这个插件是离线可用的吗?
    zhouquanbest
        2
    zhouquanbest  
       2024-02-22 11:05:38 +08:00   1
    试了下 挺实用 赞一个

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

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

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

    话说咨询一个问题啊:
    我看你用的是 firebase 这个 paas 平台,做海外应用这是一个很不错的选择吗?如果想做出海的产品,还有什么好的 paas 和 sass 选择吗
    zuisong
        15
    zuisong  
       2024-02-22 16:13:20 +08:00
    我也开发了一个类似的插件 https://github.com/zuisong/notion-kroki
    支持 plantuml ,D2 等众多 kroki.io 支持的文本绘图语言
    wingtao
        16
    wingtao  
    OP
       2024-02-22 17:03:07 +08:00   1
    @rizon firebase 和 supabase 都是全家桶选择,我是因为和 Google 登录更契合,所以选用的 firebase
    wingtao
        17
    wingtao  
    OP
       2024-02-22 17:05:54 +08:00
    @zuisong cool ,第一次了解 kroki ,这个和 mermaid 是不是类似的,现在 notion 好像内置支持了 mermaid 语法
    7gugu
        18
    7gugu  
       2024-02-22 17:26:01 +08:00
    能支持一下 firefox 么?谢谢
    zuisong
        19
    zuisong  
       2024-02-22 17:59:23 +08:00
    @wingtao #17 是的 notion 仅支持 mermaid ,kroki 支持更多的文本绘图语言
    neighbads
        20
    neighbads  
       2024-09-23 13:49:46 +08:00
    插入的图都挂了。怎么处理。急。。。
    wingtao
        21
    wingtao  
    OP
       2024-09-23 17:04:27 +08:00
    @neighbads 图是托管到 notion 的,之前的操作是插入到 notion 后,源存储就把图删掉了(太穷,没法用爱发电),但是 notion 会存储的,但是今天不知道为什么突然 notion 不支持存了....
    现在临时是关闭了源存储自动删除的功能
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     919 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 22:02 PVG 06:02 LAX 15:02 JFK 18:02
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86