Skip to content
sfn-diagram

VS Code extension

VS Code Marketplace Installs Open VSX

Preview Step Functions diagrams directly inside your editor. Source in packages/vscode-sfn-diagram/.

Install: search for Step Functions Diagram in the Extensions panel, or:

Terminal window
code --install-extension yusufaf.vscode-sfn-diagram

Published to both the VS Code Marketplace and Open VSX, so the Extensions panel finds it in Cursor, Windsurf, VSCodium, Gitpod, and Eclipse Theia as well.

Usage: Open any .json or .asl file and run Step Functions: Preview Step Functions Diagram from the command palette, or click the diagram icon in the editor title bar.