如何在 FlowUs、Notion笔记软件使用白板和代码绘制流程图（二）

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

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

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

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

白板工具：Miro

介绍

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

优点

• 使用十分流畅。虽然是 Web 应用，但是具有了媲美原生应用的使用体验。
• 功能强大，模版丰富。当然，绘制流程图也不在话下，拥有不少好用的流程图模版。
• 支持在线协作。

缺点

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

Miro 官网

流程图工具：Whimsical

介绍

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

优点

• 支持在线协作；
• 拥有丰富的流程图模版。当然，你可以使用 Whimsical 绘制思维导图、看板。

缺点

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

Whimsical 官网

使用代码绘制流程图

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

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

使用 Mermaid 语法

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

HOW TO GET STARTED WITH MERMAID IN NOTION

使用 Kroki 在线服务

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

介绍

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

使用方法

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

优势

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

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

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

Kroki 官网

在 FlowUs 中使用 Kroki

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

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

最后，再介绍一下 FlowUs

FlowUs 息流笔记·模版

主页·仪表盘模板

自媒体运营模版

进度条综合模版

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

• 关于 NotionPet 的专文评测：《国产组件库 NotionPet：为笔记嵌入可视化模块 》
• NotionPet 官网：https://notion.pet/home.html
• NotionPet 提供大量好看、实用的小组件，可以辅助进行时间管理、任务管理、笔记记录、资讯管理、创意写作等多种使用场景。其中，小组件数量正在不断丰富，服务稳定。并且，NotionPet 提供了强大的定制化服务，可以满足你的个性化配置需求。