Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>xstate-visualizerNew to Visual Studio Code? Get it now.
xstate-visualizer

xstate-visualizer

Damien Sedgwick

|
6,784 installs
| (0) | Free
Visualize your state machines from inside vscode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode xstate visualizer

Easily view and build state machines with the XState Visualizer from within vscode.

Features

Currently displays the XState Visualizer within a webview for vscode. State machines are interactive so that you can build / test your state machine from within vscode.

XState Visualizer

Requirements

Install the extension from the Marketplace.

Usage

Press cmd + shift + p to open up your command pallet and start typing xstate or visualiser and the extension will be presented as XState: Open Visualiser. Select this option to open the visualiser within vscode.

Install the extension from the Marketplace.

Known Issues

Copy / Pasta and other keyboard shortcuts do not currently work. You can however right click + copy and right click + paste

Logging in does not work from within VSCODE at the minute meaning you cannot access stored machines.

Release Notes

All release notes can be found here: Change Log

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft