# Criando seu primeiro Flow

Este tutorial oferece um guia passo a passo para criar um fluxo simples de automação. O processo é iniciado manualmente pelo usuário e inclui ações como ler uma API e registrar os resultados em um log personalizado. O objetivo é facilitar o aprendizado de como configurar e executar tarefas automatizadas simples.

## Introdução

Neste tutorial vamos criar um fluxo simples que é iniciado com a ação manual do usuário e realiza alguns steps simples, como a leitura de uma API e injeção do resultado da consulta em um log personalizado.

<figure><img src="/files/tgGahYDC5fmjf4GpdRCJ" alt=""><figcaption><p>Área de trabalho</p></figcaption></figure>

## Passo a Passo

### 1. Criando o Flow

Primeiramente, acesse o item do menu **Flows** no seu Workspace, e clique em **Criar Flow** no canto superior direito da tela:

![](/files/4ZuOgKQR5W7J9NOuZDlP)

Agora com a tela do editor aberta, digite o nome do seu Flow.&#x20;

<div align="left"><figure><img src="/files/UyXWvc6zdgs2JLPREgaI" alt=""><figcaption></figcaption></figure></div>

Defina o status como ativo para que seja possível executa-lo no Workspace e salve suas alterações.

<div align="left"><figure><img src="/files/6fnlVeM42ec0WL23ougg" alt=""><figcaption></figcaption></figure></div>

### 2. Adicionando os conectores no fluxo

O próximo passo é definir quais conectores ou componentes serão utilizados. É muito comum que os fluxos sigam os diagramas no padrão UML definidos pelo time de requisitos, são a forma mais comum de representação de fluxo.

<div align="left"><figure><img src="/files/gvfzEsJn0iJX5LPPtEmS" alt=""><figcaption></figcaption></figure></div>

### 3. Ligando o fluxo

Nos fluxos, existem sequências lógicas que precisam ser definidas de acordo com a regra de negócio a ser aplicada. Por isso, é possível fazer diferentes conexões e até mesmo, conectar mais de um conector a uma saída de dados.

<div align="left"><figure><img src="/files/htZG8KDZojqwljiirxaa" alt="" width="563"><figcaption></figcaption></figure></div>

### 4. Configurando os parâmetros

Cada conector possui parâmetros únicos e com alguns componentes similares entre si como o atributo de descrição e o **output path**, que define a saída de dados. Para acessar o painel de configuração dos parâmetros coloque o mouse sobre o conector e selecione ⚙️.

<div align="left"><figure><img src="/files/WqhmPqUdv0Zey5S3QDmL" alt=""><figcaption><p>Acessando os parâmetros do conector</p></figcaption></figure></div>

### 5. Exibindo log

No geral, os componentes sempre apresentam uma saída de dados que pode variar de acordo com a entrada fornecida em seu arquivo ou banco de dados. Para visualizar essas saídas e entender como é possível manipular as informações que você está recebendo, será necessário utilizar componentes de debugger ou logger.

<div align="left"><figure><img src="/files/crqtvlhxKDMqdLOqxIvd" alt="" width="443"><figcaption></figcaption></figure></div>

## Conclusão

Até agora, entendemos como é determinada a estrutura de um fluxo, o painel de configuração, como adicionar e interagir com componentes acessando a Biblioteca de Componentes. Também aprendemos como aplicar parâmetros de configurações e visualizar as saídas de dados.

Ficou alguma dúvida? Contate nosso time de suporte através do site <https://floui.freshdesk.com/>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.floui.io/guia/artigos/tutoriais/criando-seu-primeiro-flow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
