Show HN: Flostep – Diagrams people can actually walkthrough
Flostep is a new tool designed to simplify the creation and presentation of system design flows. It allows users to build interactive diagrams that can be embedded in documentation and shared for async feedback.
Why it matters
It addresses common friction points in technical communication and design reviews by integrating with modern AI-assisted development workflows.
The fastest way to sketch, walk through, and share a system design flow — drag components, connect them, and present each interaction step by step.
No account needed to try · Build, share, then save
This is a live Flostep diagram, not a screenshot. Hit ▶ Start and walk through it yourself.
Every shared diagram embeds like this — one iframe, any site.
From blank canvas to a fully walkable flow in minutes.
Pick from Frontend, Service, Database, Cache, Queue, External API — or create a custom component. Place them on the canvas.
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.
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.
Get smarter about the news
Sign up free for a feed built around what you actually care about, Dive Deeper research on any story, and the full text of every article.
Create free accountAlready have an account? Sign in