如何在 FlowUs、Notion 等筆記軟體中使用电子白板工具和代码工具绘制「流程图」?

更新於 發佈於 閱讀時間約 5 分鐘

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

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

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

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

白板工具:Miro

介绍

raw-image

优点

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

缺点

raw-image

Miro 官网

流程图工具:Whimsical

介绍

raw-image

优点

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

缺点

raw-image

Whimsical 官网

使用代码绘制流程图

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

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

使用 Mermaid 语法

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

HOW TO GET STARTED WITH MERMAID IN NOTION

使用 Kroki 在线服务

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

介绍

raw-image

使用方法

  1. 前往 Kroki 官网
  2. 前往 #Try 部分
  3. 选择你的流程图 (PlantUML, mermaid, ..)
  4. 写在你的流程图代码
  5. 复制 URL 链接
raw-image

优势

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

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

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

Kroki 官网

在 FlowUs 中使用 Kroki

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

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

raw-image

最后,再介绍一下 FlowUs

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

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

留言
avatar-img
留言分享你的想法!
avatar-img
Spike Spiegel的沙龍
20會員
86內容數
Spike Spiegel的沙龍的其他內容
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2022/07/17
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
2022/07/17
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 使用 Mermaid 語法繪製流程圖,可以有效地以視覺化的方式呈現流程和流程間的關係。此外,流程圖是一種圖形表示方式,用於展示任務、流程或系統中的步驟和相互關係,有助於優化複雜的流程,從而幫助我們檢視和改進流程效率。
Thumbnail
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 使用 Mermaid 語法繪製流程圖,可以有效地以視覺化的方式呈現流程和流程間的關係。此外,流程圖是一種圖形表示方式,用於展示任務、流程或系統中的步驟和相互關係,有助於優化複雜的流程,從而幫助我們檢視和改進流程效率。
Thumbnail
Notion 是一個功能強大且多功能的協作工具,透過在 Notion 使用 Mermaid 語法繪製甘特圖,可以有效地視覺化學習進度和目標完成情況,從而提升工作效率和學習成果的管理。現在,我們將開始學習在 Notion 上繪製甘特圖,以組織學習進度並促進團隊之間的協作。立即踏上這個專業的學習旅程吧!
Thumbnail
Notion 是一個功能強大且多功能的協作工具,透過在 Notion 使用 Mermaid 語法繪製甘特圖,可以有效地視覺化學習進度和目標完成情況,從而提升工作效率和學習成果的管理。現在,我們將開始學習在 Notion 上繪製甘特圖,以組織學習進度並促進團隊之間的協作。立即踏上這個專業的學習旅程吧!
Thumbnail
Diagrams as Code 有時,一張圖片可能勝過千言萬語。 在討論需求時,Use Case 可以讓我們知道有那些需求,有哪些腳色,系統邊界在哪裡。 Mermaid 和 PlantUML 能幫助我們達成,那又該怎麼選擇呢
Thumbnail
Diagrams as Code 有時,一張圖片可能勝過千言萬語。 在討論需求時,Use Case 可以讓我們知道有那些需求,有哪些腳色,系統邊界在哪裡。 Mermaid 和 PlantUML 能幫助我們達成,那又該怎麼選擇呢
Thumbnail
這邊要來跟大家分享流程圖是什麼?它很重要嗎? 一、什麼是流程圖?   它可以幫我們簡化密密麻麻的程式,用圖表來說明這支程式運行的來龍去脈,包含著流程的步驟、決策、輸出/輸入的相關過程。   當我們在製作程式過程中,可以協助我們紀錄、規劃流程、甚至是介紹程式或未來自己要看的時候,流程圖就可以派上用場
Thumbnail
這邊要來跟大家分享流程圖是什麼?它很重要嗎? 一、什麼是流程圖?   它可以幫我們簡化密密麻麻的程式,用圖表來說明這支程式運行的來龍去脈,包含著流程的步驟、決策、輸出/輸入的相關過程。   當我們在製作程式過程中,可以協助我們紀錄、規劃流程、甚至是介紹程式或未來自己要看的時候,流程圖就可以派上用場
Thumbnail
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
Thumbnail
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
Thumbnail
如何在白板工具和代码绘制流程图? 关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。 除了专门的流程图工具,还有其他解决方案吗? 使用白板工具绘制流程图或者思维导图。 使用代码绘制流程图
Thumbnail
如何在白板工具和代码绘制流程图? 关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOn 和 Draw.io 这两款工具。具体可以阅读原文。 除了专门的流程图工具,还有其他解决方案吗? 使用白板工具绘制流程图或者思维导图。 使用代码绘制流程图
Thumbnail
什么是流程图? 流程图,顾名思义是一种表达工作流流程的框图表示方法,经常使用不同的框代表不同种类的步骤,并且每两个步骤之间使用特定方向的箭头进行链接。如今,除了工程、计算机、设计等传统领域,流程图已经成为一种被公众广为接受可视化视图。 如何选择流程图工具? 那么,具体如何选择流程图工具呢?
Thumbnail
什么是流程图? 流程图,顾名思义是一种表达工作流流程的框图表示方法,经常使用不同的框代表不同种类的步骤,并且每两个步骤之间使用特定方向的箭头进行链接。如今,除了工程、计算机、设计等传统领域,流程图已经成为一种被公众广为接受可视化视图。 如何选择流程图工具? 那么,具体如何选择流程图工具呢?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News