Getting Started

Welcome to TongFlow! This guide will help you create your first AI workflow in just a few minutes.

What is TongFlow?

TongFlow is a visual AI workflow platform that lets you combine multiple AI capabilities without writing code. Think of it as connecting building blocks — each block does something specific (like generating images or converting text to speech), and you link them together to create powerful automated workflows.

Creating Your Account

  1. Visit app.tongflow.com
  2. Click Get Started
  3. Sign in with your Google account or email

That’s it! You’re ready to start creating.

Your First Workflow

Let’s create a simple workflow that generates an image from text.

Step 1: Open the Workflow Studio

After logging in, you’ll see the Dashboard. Click New Workflow to open a blank canvas.

Step 2: Add a Text Node

The canvas is your workspace. To start:

  • Click the + button on the Smart Island (the toolbar at the bottom)
  • Select Text to add a text node
  • Type your prompt, for example: “A cozy coffee shop in autumn, warm lighting, anime style”

Step 3: Add an Image Generation Node

Now let’s connect this text to an AI image generator:

  • Click on your text node to select it
  • The Smart Island will show available actions
  • Click Generate Image
  • A new image node will appear, automatically connected to your text

Step 4: Run the Workflow

Press the Run button on the Smart Island. Watch as:

  1. Your text is sent to the AI
  2. Progress updates appear in real-time
  3. The generated image appears in the image node

Congratulations! You’ve just created your first AI workflow.

Key Concepts

Nodes

Nodes are the building blocks of your workflow. Each node represents either:

  • Data: Images, text, videos, audio files
  • Actions: AI operations like generating, transforming, or analyzing content

Connections

Lines between nodes show how data flows. Data moves from left to right — outputs from one node become inputs for the next.

Smart Island

The floating toolbar at the bottom that changes based on what you select. It shows all the actions available for your current selection.

What’s Next?

Now that you understand the basics, explore these guides: