Skip to content
Version: XState v5

Live Simulation Mode

Live simulation mode helps you share your simulated machine with your team without screen sharing or screenshots. Share the generated live simulation link, and your team can view your simulation in real-time and even trigger events themselves.

Two views of the Studio, left is the user sharing the Live simulation and right is the user who joins the Live simulation.Two views of the Studio, left is the user sharing the Live simulation and right is the user who joins the Live simulation.

Simulate your machine with others​

You must be signed in to start a live simulation. There are two views in Stately Studio’s editor: Design mode and Simulate mode.

  1. Select the Simulate mode from the center of the visual editor.
  1. Use the Live mode button in the bottom left corner to reveal the Live simulation options.

Simulate mode is selected in the center menu and now the machine can not be edited.Simulate mode is selected in the center menu and now the machine can not be edited.

  1. Choose Start a live simulation to start a live simulation session.

When your machine is in live simulation mode, the Live simulation panel will display in the bottom left corner with a six-character unique code (for example: 3KNYII) along with Copy link and Stop buttons. The current state and next events will also be highlighted in orange.

  1. Give the link or unique session code to whoever you want to share your live simulation session with.

When selecting Start a live simulation, you are actively sharing the machine and others can access the same simulation with a custom generated link.When selecting Start a live simulation, you are actively sharing the machine and others can access the same simulation with a custom generated link.

Join a Live simulation using a unique session code​

  1. Select the Simulate mode from the center of the visual editor.
  2. Use the Live mode button in the bottom left corner to reveal the Live simulation options.
  3. Choose Join a Live simulation to join an existing live simulation mode session.
  4. Enter the unique session code you’ve been provided into the text box.
  5. Select the Join button to join the session.

Joining a Live simulation session will all you to select the states or watch them transition to other states with others in the session.Joining a Live simulation session will all you to select the states or watch them transition to other states with others in the session.

Join a Live simulation using a unique session URL​

Paste the URL shared with you into your browser address bar and hit enter to join the Live simulation session.