如何在 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
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
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
什么是流程图? 流程图,顾名思义是一种表达工作流流程的框图表示方法,经常使用不同的框代表不同种类的步骤,并且每两个步骤之间使用特定方向的箭头进行链接。如今,除了工程、计算机、设计等传统领域,流程图已经成为一种被公众广为接受可视化视图。 如何选择流程图工具? 那么,具体如何选择流程图工具呢?
Thumbnail
在前几天我发布了《Notion Like 软件横向评测》。今天继续在此基础上盘点 Notion Like 相关软件,以供参考。 Notion 介绍 优点 强大的生态。由于 Notion 广受欢迎,存在很多广受欢迎的第三方服务。比如,Chrome 插件、小组件等。 缺点 缺少中文版。 FlowUs
Thumbnail
在前几天我发布了《Notion Like 软件横向评测》。今天继续在此基础上盘点 Notion Like 相关软件,以供参考。 Notion 介绍 优点 强大的生态。由于 Notion 广受欢迎,存在很多广受欢迎的第三方服务。比如,Chrome 插件、小组件等。 缺点 缺少中文版。 FlowUs
Thumbnail
FlowUs 息流笔记:一款具有特色的、 Notion 类的 All in One 生产力工具。
Thumbnail
FlowUs 息流笔记:一款具有特色的、 Notion 类的 All in One 生产力工具。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News