The Workflow Builder

Learn how the drag-and-drop canvas works and how to build your first workflow from scratch - step by step.

The workflow builder is a drag-and-drop canvas where you design automations by connecting components together. Each component does one job - trigger an event, take an action, process data, or make a decision.

No code. No complexity. Just logic.

The Canvas

When you open a new workflow, you land on a blank canvas. The left sidebar shows all available components. The right panel (Inspector) lets you configure whichever component you have selected.

Think of the canvas as your whiteboard - you drag components onto it and draw connections between them to define the flow of data.

💡 To start a new workflow, go to Automations → click "New Flow" in the top right corner.

Your Building Blocks

All components are organised into four categories in the left sidebar.

AI

Component	What It Does
i10x AI Core Module	Access all i10x LLMs inside any workflow. No API key required.
Agent Tools	Extend AI agents with tools like web search or data lookup.

MCP Servers

Connect to MCP-compatible services like Google Maps, Perplexity, and custom HTTP endpoints for advanced integrations.

Utilities

Component	What It Does
Controls	Add if/else logic, branching and loops
Filters	Only pass data that meets your conditions
Converters	Transform data between formats
HTTP	Call any external API
Storage	Store and retrieve values across workflow runs
Forms	Trigger a workflow from a form submission
Email	Send emails directly from a workflow
RSS	Monitor any RSS feed for new content
Subflows	Reuse workflows inside other workflows

Applications

Category	Apps
Productivity	Notion, Airtable, Google Sheets, Google Docs, ClickUp, Asana, Evernote
Communication	Slack, Discord, Gmail
CRM & Sales	HubSpot, Salesforce
Social & Content	Facebook, Facebook Business, Canva
Dev & Data	GitHub, Amazon S3, Google BigQuery, HTTP
E-commerce	BigCommerce, Stripe, Shopify
AI & Voice	ElevenLabs, OpenAI, Google Gemini
Files & Storage	Dropbox, Google Drive, Amazon S3
Scheduling	Calendly, Google Calendar

How to Build a Workflow - Step by Step

Here's how to build a workflow from scratch. We'll use a real example: "Every morning, get today's top AI news and send a summary to Slack."

Step 1 - Add a Trigger

Every workflow starts with a trigger - the event that kicks everything off. Search for a trigger component in the left sidebar and drag it onto the canvas.

Common triggers:

• Scheduler - runs the workflow at a set time or interval (e.g. every day at 8am) • Webhook - fires when an external service sends data to a URL • RSS - fires when a new item appears in an RSS feed • App trigger - fires when something happens in a connected app (e.g. new row in Google Sheets, new email in Gmail)

💡 For our example: drag a Scheduler component onto the canvas. In the Inspector, set it to run every day at 08:00.

Step 2 - Add an Action

Now drag the next component onto the canvas - the thing you want to happen after the trigger fires.

Hover over the output port (the dot on the right side of a component) and drag a line to the input port of the next component to connect them.

💡 For our example: add an RSS component and connect it to the Scheduler.

In the Inspector, paste the RSS feed URL for your news source.

The RSS component will output the latest articles each time it runs.

Step 3 - Add AI

Drop the i10x AI Core Module onto the canvas and connect it to the previous component. In the Inspector, write your prompt - and use variables from the previous step to pass real data into it.

Variables let you reference the output of any earlier component. Click the variable picker inside any input field to browse available data.

💡 For our example: connect the RSS output to i10x AI Core.

In the prompt field, type something like:

"Summarise the following news articles in 5 bullet points. Focus on practical implications for AI professionals: {{rss.title}} – {{rss.description}}"

Step 4 - Deliver the Output

Add your final action - where the result should go. Connect it to the AI component and map the AI's output into the message field.

💡 For our example: drag a Slack component onto the canvas. Connect it to the AI Core output. In the Inspector, select your Slack account, choose a channel, and in the Message field select the AI output variable.

Step 5 - Test and Start

Before going live, test your workflow to make sure everything works correctly.

1. Click "View Logs" at the bottom of the canvas to monitor activity

2. Click "Start Flow" in the top right corner to activate it

3. Your workflow is now live and will run automatically

✅ Try This Now:

1. Go to Automations → New Flow

2. Drag a Scheduler onto the canvas - set it to run daily at 09:00

3. Add the i10x AI Core Module - connect it to the Scheduler

4. In the prompt, type: "Write me a motivational one-liner to start my workday"

5. Add an Email component - connect it to the AI Core

6. Enter your email address in the To field and map the AI output as the body

7. Click "Start Flow" - your daily AI email starts tomorrow morning

Workflow Ideas to Inspire You

Workflow Name	Trigger	What It Does
Daily News Digest	Scheduler (8am)	Fetches RSS news, summarises with AI, sends to email or Slack
Lead Enrichment	New row in Google Sheets	Takes a company name, researches it with AI, fills in the sheet
Ticket Analyser	Scheduler (daily)	Pulls support tickets, classifies pain points with AI, logs to Sheets
Social Monitoring	RSS / HTTP	Monitors brand mentions, analyses sentiment, alerts via Slack
Content Repurposer	Form submission	Takes a blog URL, rewrites it as LinkedIn post + tweet thread
Meeting Prep Brief	Scheduler (1h before)	Pulls calendar event, researches attendees with AI, sends a briefing