做了一个文本直接生成流程图的 App，欢迎大家来试用，多多提意见更好！

hrx00747

134 天前

app 本身是免费的，导出图片需要订阅。
***但是新用户有 3 天的免费期哈***

idlerlestat

134 天前

这不是直接对 kimi 或者 deepseek 描述一下叫画个 mermaid 图就行吗

hrx00747

134 天前

@idlerlestat
你说得对哈，mermaid 也可以生成流程图。
但是他的命令设计得不够简洁或者说不够人性化
如果让 mermaid 生成上面的图形，需要很多的命令才行。

7gugu

134 天前

使用 Mermaid 就好了吧，Mermaid+AI 已经能够非常出色的完成任务，且导出图片不需要付费。还有你这个语法只能用来生成流程图吗？如果是的话，未免有点太局限了。

7gugu

134 天前

以图一为例的流程图，使用 AI 生成出来，也就是 1 分钟内的事。可能 AI 会有点偏差，但手工调整一下就好了。

flowchart TD
A[开始] --> B[设置 min=0,max=100]
B --> C[在 min 和 max 之间随机猜一个数]
C --> D{number = answer}
D -->|是| E[恭喜, 你猜对了!]
D -->|否| F[最小范围]
F --> C
E --> G[结束]

superhot

134 天前

请教一下，这种是通过什么实现的，Canvas 还是 SVG ？还是什么现成的库？

hrx00747

133 天前

@7gugu
这个语法目前只支持流程图哈
其实 [时序图] 也适合用脚本来生成（另外一套语法），但是如果共用语法的，我觉得反而会增加复杂度

oxoxoxox

133 天前

感觉这和 PlantUML 差不多啊，有什么优势吗？

hrx00747

133 天前

@7gugu
mermaid 的语法我其实参考过的，用符号来定义图形的形状就是参考的他的语法。
但是有几个我觉得不方便的地方：
1. 每个节点必须定义一个 id 或者叫做别名
节点一旦多起来，满屏都是 id 之间的映射，逻辑不够清晰
2. 没有支持组合(if,else,switch,loop)来完成更复杂的功能
没有支持组合的结果就是，你必须手动来拼接这类逻辑。比如图 3 这种 switch 逻辑，mermaid 需要的命令就是我的两倍
假如 switch 有 10 个 case ，就需要 20 条命令。

最后自夸一下：FlowCharts 引入一个叫做 branch 的概念, 就是把流程图当成一个倒着生长的树，个人觉得这是这个 app 的一个亮点哈，有兴趣可以再讨论。

hrx00747

133 天前

@superhot
客气了，探讨哈。
用 swift 自己画的，没有用第三方库哈。
其实就三件事情：
1. 解析脚本，生成图形
2. 计算图形的位置
3. 渲染图形

hrx00747

133 天前

@oxoxoxox
是的哈，跟它很像哈
你要说优势，设计之初就是参考了它的语法，然后目标是：
1.比它更简洁方便
2. 比它更强大。
目前我个人觉得是达到了第一个，第二个还在努力

GabrielleBellamy

131 天前

提一个小建议，还没打开这个软件，但是它的 APP icon 比 big sur 标准 icon 大了一圈，建议可以改成标准大小的，比较美观。

hrx00747

131 天前

@GabrielleBellamy
非常感谢哈！