如何在白板工具和代码绘制流程图?
关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。
除了专门的流程图工具,还有其他解决方案吗?
- 使用白板工具绘制流程图或者思维导图。
- 使用代码绘制流程图
白板工具: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.
介绍
一个专业的流程图在线服务站点。
使用方法
- 前往 Kroki 官网
- 前往 #Try 部分
- 选择你的流程图 (PlantUML, mermaid, ..)
- 写在你的流程图代码
- 复制 URL 链接
- 粘贴至 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 提供了强大的定制化服务,可以满足你的个性化配置需求。