Quick Start Guide
Last updated
Was this helpful?
Last updated
Was this helpful?
Welcome to the Midio Quick Start Guide! This guide will introduce you to the most core features of Midio, helping you get familiar with the editor, creating flows, and how to execute them. By the end, you’ll know how to create and run your first flow.
Dashboard
The Midio Dashboard provides a central overview of all your projects. From here, you can easily manage your existing projects and create new ones.
To start a new project:
Click the New Project button at the top of the dashboard.
Choose a template, and your new project will automatically open.
When you open Midio, the Project Overview panel provides a high-level view of your project. Here, you can see all your modules, functions, and events in a structured hierarchy.
Each module acts as a container for node flows and can include additional modules or function definitions. This helps keep your project organized. You can create new modules and functions by clicking the plus-button or right-clicking in the Project Overview panel and selecting the desired option.
When you click on an item in the Project Overview, it opens in the Node Editor.
This is where you design and edit flows by adding and connecting nodes. Flows define how data moves and how execution is controlled within your application.
Modules are the main space where you create top-level flows and link them to outside events.
Functions allow you to create reusable flows that can be used as custom nodes in other flows.
Modules serve both as containers and canvases for flows. They help organize your project and can contain other modules and function definitions.
Functions are reusable flows that become custom nodes, which can be added to other flows to avoid repetition and improve maintainability.
A common pattern is to start with a Main module where you build your flows and a Tests module to store test cases for debugging.
To add nodes to your flow:
Open the Node Palette using one of the following methods:
Click the plus button (+) in the toolbar
Press the space bar
Double-click the canvas
Find the node you need and click to add it to the canvas.
Nodes communicate by passing triggers and data through their input and output sockets.
Triggers (green) define the execution order—they determine when a node runs.
Data sockets (blue) pass values between nodes.
Rules:
Triggers can only connect to triggers.
Data can only connect to data.
You can also enter manual values or expressions directly in data inputs (e.g., numbers, text, or calculations).
Any node with a trigger input can be executed manually by clicking the play icon (â–¶) in its header.
If a node relies on data from another triggered node, that node must be executed first to generate the required data.
Best Practice: Always execute the leftmost node in your flow to ensure all dependent nodes receive the necessary inputs.
To inspect what your flow is doing, you can log data to the Log Panel. The Log Panel can be opened by clicking the "Add panel" button in the bottom right corner of the editor.
Add a Std Log node from the Node Palette.
Enter some text into its input property.
Execute the flow by clicking the play button.
Open the Log Panel to view the logged output.
For more advanced debugging, consider using User Traces, which provide detailed insights into execution history and values.
Congratulations! You’ve now learned the basics of the Midio Editor, working with Nodes, and Flow Execution.
Try making
Explore the for real-world use cases
Learn more about the Midio Language in the
