Creating Your First Flow

Let's walk through the process of creating your first AI workflow:

Access the Whiteboard

Navigate to the Whiteboards page and create a new whiteboard. You'll be greeted with a blank canvas ready for your creativity.

Your First Node

A text node will appear automatically on your new whiteboard. While this node is added by default, you can also create one by dragging it from the left sidebar. If you need to remove a node, simply select it and press backspace .

Edit the text node

Edit the text inside a text node by clicking in the area where the text is. It should currently say "This is a text node". Edit the text to say "Gray tabby cat hugging an otter with an orange scarf"

Add an Image Node

Now, drag an Image Node onto the canvas from the sidebar on the left. This node generates an image using AI.

Connect the Nodes

Click and drag from the output handle on the bottom of your Text Node and connect it to the input handle on top side of your Image Node to create a connection.

Run Your Flow

Click the run button on either image node or text node. It will generate an image using AI.

Congratulations!

You've just created your first AI whiteboard! This simple example demonstrates the fundamental concept behind Canvas Flow Studio: visually connecting nodes to create powerful automations without coding.