×
㊆ StepFunction2Mermaid
Free online AWS Step Functions to Mermaid diagram converter . Paste your Step Functions JSON definition (Amazon States Language) and instantly visualize it as a Mermaid flowchart — entirely in your browser. Perfect for documenting Python Step Functions built with AWS CDK, Boto3, or the AWS Console.
How to use
Paste your Step Functions JSON (Amazon States Language / ASL) into the left column.
The Mermaid code is generated automatically in the center column.
The flowchart diagram renders instantly on the right.
You can edit the Mermaid code directly — the diagram updates live.
If you edit the Mermaid code and then change the JSON, you'll be asked to confirm overwriting your edits.
Export Options
PNG — high-resolution raster image (2x) for documentation and presentations.
SVG — scalable vector graphic for lossless embedding in web pages or docs.
.MD — Mermaid source as Markdown, ready for GitHub, GitLab, or Confluence.
.drawio — editable diagram file for draw.io / diagrams.net with auto-layout.
Supported State Types
Task Pass Choice Wait Succeed Fail Parallel Map
Supports Retry , Catch error handling, Parallel branches , Map iterators , and all Choice comparison operators.
Use Cases
Visualize AWS Step Functions state machines for team documentation.
Convert Python-defined Step Functions (CDK / Boto3) to diagrams.
Generate Mermaid flowcharts for README files and wikis.
Export to draw.io for further editing and architecture diagrams.
100% client-side. No data sent to any server. No cookies. No sign-up required.