> For the complete documentation index, see [llms.txt](https://docs.diaflow.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.diaflow.io/getting-started/lets-start-with-the-basics.md).

# Let's start with the basics

**How it works**

Think of Diaflow like building with blocks:

* **Drag & Drop:** Place components onto the canvas.
* **Connect:** Link items together to define a task.
* **Execute:** Each part handles one job; connected, they complete a full workflow.

**Example Workflow**

1. **Input:** Receive a question or file.
2. **Process:** Analyze data with AI.
3. **Output:** Display the final result.

{% hint style="info" %}
If you are new to AI tools, start small. Build one simple flow first, then improve it.
{% endhint %}

### Next step

* Learn the basic building block in [How a Component works](/getting-started/lets-start-with-the-basics/how-a-node-works.md).
* Learn the full structure in [How a Workflow works](/getting-started/lets-start-with-the-basics/how-a-workflow-works.md).
* When you are ready, continue to [Creating your first Workflow](/getting-started/lets-start-with-the-basics/creating-your-first-workflow.md).