如何在白板工具和代码绘制流程图?


关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。


除了专门的流程图工具,还有其他解决方案吗?


  1. 使用白板工具绘制流程图或者思维导图。
  1. 使用代码绘制流程图


白板工具:Miro


介绍


一款备受好评、在线协作白板工具。

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(1)


优点



缺点


由于汇率原因,价格比较贵

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(3)


Miro 官网


流程图工具:Whimsical


介绍


一款强大的在线流程绘制工具。

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(4)


优点



缺点


由于汇率原因,价格比较贵

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(5)


Whimsical 官网


使用代码绘制流程图


已有的各种流程图工具或者白板工具已经很好用了。然而,对于一些人而言,使用这两种方式生成的流程图迁移和修改依然比较麻烦。


能不能只关注流程图的内在逻辑,把外在形式交给工具?那么,选择使用代码绘制流程图便是很好的选择。


使用 Mermaid 语法


在 Notion 等工具中,你可以直接使用代码显示 mermaid. 至于FlowUs 的这一功能,不久便会上线。届时,你可以在 FlowUs 的任何页面触发 / 命令,随后选择 Code Block. 然后,将语言更改为 Mermaid, 你输入你的代码。最后,便会显示流程图。 如果你感兴趣,可以检索"使用 Markdown 代码绘制流程图"


HOW TO GET STARTED WITH MERMAID IN NOTION


使用 Kroki 在线服务


由于 FlowUs 暂时不支持 Mermaid 语法,我现在推荐你使用 Kroki.


介绍


一个专业的流程图在线服务站点。

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(6)


使用方法


  1. 前往 Kroki 官网
  1. 前往 #Try 部分
  1. 选择你的流程图 (PlantUML, mermaid, ..)
  1. 写在你的流程图代码
  1. 复制 URL 链接
  1. 粘贴至 FlowUs 等工具,并且嵌入网页。

    notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(7)


优势


Kroki 相当于 流程图图书馆 Diagrams libraries, 你在其中可以选择多种程序语言编写流程图;


Kroki 为所有的图表库提供了一个统一的 API, 你可以在任何地方使用这些图表;


你在等什么呢?快去打开你的 FlowUs 试试吧


Kroki 官网


在 FlowUs 中使用 Kroki


以下是 Kroki 在我的生产力工具 FlowUs 中的显示效果


FlowUs 息流 - 新一代生产力工具flowus.cn


notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(8)


notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(9)


最后,再介绍一下 FlowUs

FlowUs 息流笔记·模版


主页·仪表盘模板


notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(10)


自媒体运营模版


notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(11)


进度条综合模版

notion模板怎么设置(如何在FlowUsNotion笔记软件使用白板和代码绘制流程图)(12)


上述部分模版部分使用国产小组件库 NotionPet 制作:


FlowUs 使用教程、学习资源汇总


相关生产力工具测评和方法论介绍,