【开发者自荐-效率工具】Flow Charts - 一款通过文本生成流程图的App。

发现频道
1

应用名称

FlowCharts

预览:

vue.png
switch.png
loop.png
sif.png
simple.png

功能介绍

Flow Charts 是一款通过文本生成流程图的应用。

这也许是你见过的最快的流程图生成方式。

应用分为两个区域：编辑区和显示区。

你可以在编辑区输入各种命令，流程图会在显示区实时生成。

相比传统的流程图软件，我们有三大优势：

快：

一条命令可以生成一个图形。不需要拖拽，位置恰到好处。

一条命令可以调整图形的形状和样式。不需要手动调整。

一条命令可以改变流程图的布局。横向、纵向、随你选择。

多：

支持多种命令，生成复杂的流程图。

支持多种样式，生成多样的流程图。

支持导出多种格式,满足多场景的需求。

好：

编辑区支持关键词高亮，命令缩进，方便编辑和查看

显示区图形的大小，位置都是精确计算的，恰到好处。

导出图片跟显示区的效果完全一致，清晰度高。

说明

App本身是免费的，但是导出图片需要订阅
新用户有3天的免费试用期

下载地址

2

为啥我不用 mermaid

而且一般来说这种代码生图的程序都是用在博客这种场景下，方便嵌入（因为是纯文本，可以直接嵌入到博客的 markdown 中）和修改的吧？做成单独的应用不就无法用到这种场景下了吗？那我为什么不选择拖拽式的可视化编辑器，类似于：

而要选择这种的呢？

1 个赞
3

你说得对哈。
我之所以要做这个app有几个原因：

  1. 我了解过mermaid.js，它能够生成流程图，但是语法不够简洁
  • 比如对每个节点都需要定义一个id，如果节点过多，每次都需要去找id和内容之间的关系
  • 缺乏一些组合，比如switch的支持。
  1. mermaid.js或者类似的库可以方便嵌入到markdown中，这更多是倾向于程序员的思维，像产品经理或者其他行业人是不是会有拿到流程图的图片，然后去他需要的地方使用。
  2. 拖拽的方式生成流程图，需要自己去关注一些细节：比如连接线对齐