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

更新於 2022/06/17閱讀時間約 4 分鐘

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

关于如何在 FlowUs 这样的效率工具中如何使用流程图的话题,上次我们在文章中推荐了 ProcessOnDraw.io 这两款工具。具体可以阅读原文
除了专门的流程图工具,还有其他解决方案吗?
  1. 使用白板工具绘制流程图或者思维导图。
  2. 使用代码绘制流程图

白板工具:Miro

介绍

优点

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

缺点

流程图工具:Whimsical

介绍

优点

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

缺点

使用代码绘制流程图

已有的各种流程图工具或者白板工具已经很好用了。然而,对于一些人而言,使用这两种方式生成的流程图迁移和修改依然比较麻烦。
能不能只关注流程图的内在逻辑,把外在形式交给工具?那么,选择使用代码绘制流程图便是很好的选择。

使用 Mermaid 语法

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

使用 Kroki 在线服务

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

介绍

使用方法

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

优势

Kroki 相当于 流程图图书馆 Diagrams libraries, 你在其中可以选择多种程序语言编写流程图;
Kroki 为所有的图表库提供了一个统一的 API, 你可以在任何地方使用这些图表;
你在等什么呢?快去打开你的 FlowUs 试试吧

在 FlowUs 中使用 Kroki

以下是 Kroki 在我的生产力工具 FlowUs 中的显示效果
FlowUs 息流 - 新一代生产力工具​flowus.cn
最后,再介绍一下 FlowUs

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

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

為什麼會看到廣告
avatar-img
19會員
86內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Spike Spiegel的沙龍 的其他內容
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
之前分享過 Notion 卡片盒筆記缺乏圖像化流程圖的視覺呈現,雖然我個人較少用到,但是還是收到一些希望能有圖像化顯示的訊息。最近發現一個 Figma 外掛,可以將便利貼牆匯入 Notion 資料庫,或許也能補足圖像化製作流程圖等方面的需求!
Thumbnail
這篇文章介紹如何使用 Mermaid Live 來生成一個展示學習效果因果迴圈圖(Causal Loop Diagram, CLD)。Mermaid 是一個簡單且強大的語法,可以用來創建各種類型的圖表,並提供了系統動力學原理和從YouTube影片旁摘取資訊的優點。
Thumbnail
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
SpiffWorkflow 是一個專門針對業務流程的流程引擎,它與商業 BPMN 產品有所區別,適合應用在自有專案中,並且需要內含稍微複雜的商業流程。例如,對於需要外部程式與前端配合才能真正讓用戶輸入決斷的場景,SpiffWorkflow 是一個適合的解決方案。
Thumbnail
在信息過載的時代,效率管理至關重要。本文介紹如何利用 AI 工具和 Notion 來建立全新的自動化工作流,特別是如何將 Notion 和 Google Form 完美融合,讓工作流程更加高效、個性化。通過免費的外掛程式和基本設定,可以大大節省複製貼上資料的時間,並實現自動化表單回饋。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
流程圖是流程中各個步驟的直覺表示,在我們的工作生活中都能用到流程圖。如果你是新手,想要學習如何繪製流程圖,那麽不妨看看下面的5個流程圖範例,包括泳道圖、樹狀圖、組織圖等,快速幫你熟悉流程圖。  
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
之前分享過 Notion 卡片盒筆記缺乏圖像化流程圖的視覺呈現,雖然我個人較少用到,但是還是收到一些希望能有圖像化顯示的訊息。最近發現一個 Figma 外掛,可以將便利貼牆匯入 Notion 資料庫,或許也能補足圖像化製作流程圖等方面的需求!
Thumbnail
這篇文章介紹如何使用 Mermaid Live 來生成一個展示學習效果因果迴圈圖(Causal Loop Diagram, CLD)。Mermaid 是一個簡單且強大的語法,可以用來創建各種類型的圖表,並提供了系統動力學原理和從YouTube影片旁摘取資訊的優點。
Thumbnail
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
SpiffWorkflow 是一個專門針對業務流程的流程引擎,它與商業 BPMN 產品有所區別,適合應用在自有專案中,並且需要內含稍微複雜的商業流程。例如,對於需要外部程式與前端配合才能真正讓用戶輸入決斷的場景,SpiffWorkflow 是一個適合的解決方案。
Thumbnail
在信息過載的時代,效率管理至關重要。本文介紹如何利用 AI 工具和 Notion 來建立全新的自動化工作流,特別是如何將 Notion 和 Google Form 完美融合,讓工作流程更加高效、個性化。通過免費的外掛程式和基本設定,可以大大節省複製貼上資料的時間,並實現自動化表單回饋。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
流程圖是流程中各個步驟的直覺表示,在我們的工作生活中都能用到流程圖。如果你是新手,想要學習如何繪製流程圖,那麽不妨看看下面的5個流程圖範例,包括泳道圖、樹狀圖、組織圖等,快速幫你熟悉流程圖。