Skip to content

Flow Canvas Interface Overview

The Flow canvas is your visual workspace for building automation workflows. Here's how to navigate and use the interface effectively.

Interface Layout»

Canvas Navigation»

  1. Left sidebar for choosing block types
  2. Built-in blocks (AI, HTTP, Time, Business Logic, Collections, Memory, Errors, Data Tables, Forms, Spacelift Deploy, Note)
  3. Apps section for integrated services
  4. Right sidebar for setting block configuration for selected block including:
  5. Name and Description fields
  6. Sockets section with Inputs and Outputs
  7. Configuration details and JavaScript expression editor
  8. Cursor Mode Toggle
  9. Hand mode for moving around the canvas
  10. Cursor mode for selecting blocks
  11. Live Events Controls: Shows "Live events" with time duration options for monitoring event flow:
  12. Can display events from last 15 minutes, 30 minutes, 1 hour, 1 day, or turn off
  13. Green indicator shows it's currently active
  14. AI Assistant Toggle: Control for toggling the AI assistant on/off in the left sidebar
  15. Canvas Zoom Controls: Shows "100%" zoom level with + and - buttons for adjusting the canvas view
  16. Canvas Organization Options: Additional menu options for managing and organizing the canvas layout
  17. The center canvas area shows a simple flow with two connected blocks: "Example Block" (Time/Sleep block) connected to "Second Example Block" (Business Logic/Transform block)

Canvas Overview