如何在 FlowUs、Notion笔记软件使用白板和代码绘制流程图(二)

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


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


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


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


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


白板工具: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.


介绍


一个专业的流程图在线服务站点。


使用方法


  1. 前往 Kroki 官网
  2. 前往 #Try 部分
  3. 选择你的流程图 (PlantUML, mermaid, ..)
  4. 写在你的流程图代码
  5. 复制 URL 链接
  6. 粘贴至 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 提供了强大的定制化服务,可以满足你的个性化配置需求


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

  • FlowUs 教育优惠
  • FlowUs 帮助中心
  • FlowUs 同步块:flowus 息流笔记重大更新公式和同步块
  • FlowUs 多维表·关联、汇总:关联、汇总功能使用指南
  • FlowUs 息流 - 新一代生产力工具


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

  • 笔记软件的历史、选择策略以及深度评测
  • 数字花园:Notion Like 笔记软件使用教程·学习资源汇总·知识管理方案:深度评测、辅助工具、信息管理、时间管理、任务管理、思维管理、项目管理、文件管理、笔记方法、记忆方法、写作方法  ——在这篇文章,我以 Notion 类工具为例,介绍了笔记软件的多种使用场景以及相关的阅读方法、笔记方法、写作方法等生产力方法论。
  • 国内主流生产力工具综合评测  ——在这篇文章,我汇总了常见的生产力工具详细测评文章,包括轻量级笔记软件、Markdown 编辑器、云 Office、离线笔记、云笔记、开源笔记软件、大纲编辑器、协同办公笔记软件、知识库管理工具 、低代码/无代码平台、写作软件、生产力方法论等主题的内容。
  • 生产力工具——笔记软件 FlowUs 深度评测
  • FlowUs 息流 - 新一代生产力工具:https://flowus.cn/product
相关文章
|
3月前
|
域名解析 存储 资源调度
Excalidraw——部署一个手绘风格的画图工具
Excalidraw——部署一个手绘风格的画图工具
86 3
|
4月前
|
监控 数据可视化
甘特图制作软件精选,在线绘制技巧全掌握
甘特图是一种条状图,用于展示项目任务的进度与时间关系。它有助于增强团队协作、合理分配资源、跟踪项目进度。使用Excel或ZohoProjects等工具可绘制甘特图,其中ZohoProjects支持在线创建。绘制步骤包括:登录Zoho Projects并选择项目,点击“工具”菜单下的“甘特图”,添加任务及其详细信息如名称、日期、负责人等,最后检查并保存甘特图。通过这些步骤,项目管理者能有效监控项目进程。
70 8
|
6月前
|
Java 测试技术 项目管理
产品入门第三讲:Axure产品流程图绘制
产品入门第三讲:Axure产品流程图绘制
146 0
产品入门第三讲:Axure产品流程图绘制
|
6月前
|
测试技术 uml 数据安全/隐私保护
强大的跨平台绘制流程图软件网站ProcessOn
强大的跨平台绘制流程图软件网站ProcessOn
99 0
|
6月前
|
前端开发 iOS开发
Balsamiq Mockups 产品原型图绘制工具的破解和使用教程
Balsamiq Mockups 产品原型图绘制工具的破解和使用教程
256 0
|
6月前
|
移动开发 JavaScript 前端开发
用惯了其他人的库,自己来实现一个动图图表生成工具,真香!
用惯了其他人的库,自己来实现一个动图图表生成工具,真香!
|
11月前
|
C# 数据库
C#桌面文案小工具 ,详细带解说图(带源码)
C#桌面文案小工具 ,详细带解说图(带源码)
|
存储 Java API
一个精美的主界面窗口功能的设计和实现原来如此简单,万字肝爆
一个精美的主界面窗口功能的设计和实现原来如此简单,万字肝爆
113 0
微信小游戏制作工具中的等待积木应该如何使用?
生活中我们总避免不了要等待,整装待发的准备去公司开始新一天的奋斗,但是公交车却迟迟不来,需要等待。一家人订好了周末出游计划,正准备出门,老婆要再选件衣服,擦个脸,需要等待。打开电视看想看的节目,出来了 60 秒的广告,需要等待……
108 0
|
存储 数据可视化 搜索推荐