Show HN: Flostep – 人们真正可以分步演示的流程图
Show HN: Flostep – Diagrams people can actually walkthrough

原始链接: https://flostep.dev/

🖱️ 第一步:拖放组件 从前端、服务、数据库、缓存、队列、外部 API 中选择,或创建自定义组件,并将它们放置在画布上。 🔗 第二步:连接并标注交互 按照发生的顺序在组件之间绘制箭头,并为每个箭头添加标签,例如“POST /login”、“返回 JWT”、“缓存未命中”。同一对组件之间支持多次交互。 ▶️ 第三步:逐步演示 点击“下一步”逐个查看交互过程。当前步骤会高亮显示,其余部分则会变暗。非常适合设计评审、新人入职培训和面试场景。

抱歉。
相关文章

原文

🖱️

STEP 1

Drag & drop components

Pick from Frontend, Service, Database, Cache, Queue, External API — or create a custom component. Place them on the canvas.

🔗

STEP 2

Connect & label interactions

Draw arrows between components in the order they happen. Label each one — "POST /login", "returns JWT", "cache miss". Multiple interactions between the same pair are fine.

▶️

STEP 3

Walk through it

Hit Next to step through each interaction one at a time. The active step lights up, the rest fades. Perfect for design reviews, onboarding, and interviews.

联系我们 contact @ memedata.com