FlowUs、Notion 软件中电子白板工具和代码工具绘制「流程图」？

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

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

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

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

1. 使用代码绘制流程图

白板工具：Miro

介绍

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

优点

1. 使用十分流畅。虽然是 Web 应用，但是具有了媲美原生应用的使用体验。

1. 功能强大，模版丰富。当然，绘制流程图也不在话下，拥有不少好用的流程图模版。

1. 支持在线协作。
   

缺点

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

Miro 官网

流程图工具：Whimsical

介绍

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

优点

1. 支持在线协作；

1. 拥有丰富的流程图模版。当然，你可以使用 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 官网

1. 前往 #Try 部分

1. 选择你的流程图 (PlantUML, mermaid, ..)

1. 写在你的流程图代码

1. 复制 URL 链接

1. 粘贴至 FlowUs 等工具，并且嵌入网页。
   

优势

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

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

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

Kroki 官网

在 FlowUs 中使用 Kroki

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

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

最后，再介绍一下 FlowUs

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

1. FlowUs 知乎主页

1. FlowUs 教育优惠

1. FlowUs 帮助中心

1. FlowUs 同步块：flowus 息流笔记重大更新公式和同步块

1. FlowUs 多维表·关联、汇总：关联、汇总功能使用指南

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

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

1. 笔记软件的历史、选择策略以及深度评测

1. 数字花园：Notion Like 笔记软件使用教程·学习资源汇总·知识管理方案：深度评测、辅助工具、信息管理、时间管理、任务管理、思维管理、项目管理、文件管理、笔记方法、记忆方法、写作方法 ——在这篇文章，我以 Notion 类工具为例，介绍了笔记软件的多种使用场景以及相关的阅读方法、笔记方法、写作方法等生产力方法论。

1. 国内主流生产力工具综合评测 ——在这篇文章，我汇总了常见的生产力工具详细测评文章，包括轻量级笔记软件、Markdown 编辑器、云 Office、离线笔记、云笔记、开源笔记软件、大纲编辑器、协同办公笔记软件、知识库管理工具 、低代码/无代码平台、写作软件、生产力方法论等主题的内容。

1. NotionPet 官网-丰富的小组件库、动态图标库——提供大量好看、实用的小组件，可以辅助进行时间管理、任务管理、笔记记录、资讯管理、创意写作等多种使用场景。其中，小组件数量正在不断丰富服务稳定。并且，NotionPet 提供了强大的定制化服务，可以满足你的个性化配置需求

1. 生产力工具——笔记软件 FlowUs 深度评测

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