Skip to main content

Welcome to the Flow Editor

This short tutorial gets you from a blank workspace to a running “Hello, flow” script.
Total time: ≈ 5 minutes.

1. Open (or create) a Flow​

  1. From the workspace home screen choose New → Flow.
  2. The Flow Editor loads.
    You will see
    • the Toolbox on the left,
    • an empty Script panel in the centre, and
    • the Browser / Console tabs on the right.

Vocabulary
• Flow – an executable visual script.
• Block – a draggable command you add to a flow.
• Toolbox – the left-hand sidebar that holds all available blocks.

2. Add a Block​

  1. In the Toolbox expand the Message category.
  2. Drag the write to console block into the Script panel.
    A red caret shows where the block will land.
  3. Release the mouse—your first block is in the flow!

3. Edit the Block​

  1. Click the pencil ✎ in the block header.
    The editor enters Edit mode (everything else dims).
  2. In the text field type: 
    Hello, flow
  3. Click Ok.
    You are now back in Drag mode.

Tip
While in Edit mode you can drag variables, operators, or other blocks directly into a field to nest them.

4. Run the Flow​

  1. Open the Console tab (right sidebar) if it is not already open.
  2. Close the Browser tab if it is open (we won’t use it for now).
  3. Press ▶ Play in the top bar.
  4. The block’s outline flashes blue while it executes, then turns green on success.
  5. You should see 
    Hello, flow

5. Experiment​

Try a small change to prove you have the loop:

  1. Click the block’s ✎ again and replace the text with Hi.
  2. Ok → ▶ Play.
  3. The block is already green from the previous run, so Play starts after it.
    Hit ⏹ Stop, then ▶ Play once more to run from the top—now the Console prints Hi.

Congratulations!​

You now know how to
• drag blocks,
• edit parameters, and
• run a flow.