---
title: Canvas
slug: canvas
description: Learn about parametrizations and their significance in mathematics, physics, and computer science. This comprehensive guide explains the concept, advantages, applications, and types of parametrizations. With examples and illustrations, enhance your unders
icon: {"faIcon":"fa-solid fa-paintbrush"}
docTags: 
createdAt: 2023-05-03T13:56:55.000Z
---

## Visão geral do Canvas

O **Canvas da Fluid** é a área visual onde você modela integrações como **fluxos** de **passos** conectados. Cada passo representa uma ação (ex.: chamar uma API, transformar dados, aguardar, disparar e-mail), e o conjunto forma um processo automatizado, testável e versionado.

## Conceitos-chave

- **Conector**: componente que integra um serviço/sistema (API, banco, ERP etc.).&#x20;
- **Passo**: uma instância configurada de um conector no seu fluxo.&#x20;
- **Fluxo**: sequência orquestrada de passos que resolve um caso de uso.&#x20;
- **Canvas**: a superfície de arrastar-e-soltar onde você constrói o fluxo.&#x20;
- **Dados entre passos**: use as convenções de entrada/saída do Canvas (ex.: .input e .step) para referenciar dados já produzidos.&#x20;

## Anatomia do Canvas

- **Top Bar**&#x20;
  - **Testar**: executa o fluxo (ou um passo) para validações rápidas.&#x20;
  - **Salvar**: registra alterações em rascunho.&#x20;
  - **Publicar**: promove a versão atual para execução.&#x20;
  - **Histórico de versões**: consulta, compara e restaura versões.&#x20;
  - **AI Assistant**: auxilia com dicas, geração de exemplos e inspeção de erros. Veja mais sobre em [Documentação de fluxos com IA](docId:_Ucxq4dIGPfITzEnbIcNy)&#x20;
- **Área de Desenho**&#x20;
  - Arraste conectores, posicione passos, conecte nós e organize o layout.&#x20;
  - Renomeie passos para facilitar entendimento (ex.: get-users).&#x20;
- **Gavetas Laterais**&#x20;
  - **Conectores / Meus Modelos**: catálogo para arrastar novos passos.&#x20;
  - **Monitoramento**: painel de logs em tempo real e histórico de execuções.&#x20;

## Fluxo de trabalho recomendado

- **Modelagem Inicial**&#x20;
  - Comece pelo caminho feliz (entrada → transformações → saída).&#x20;
  - Acrescente validações e ramificações para exceções.&#x20;
- **Configuração de Passos**&#x20;
  - Defina entradas, parâmetros, headers/credenciais e mapeie saídas.&#x20;
  - Padronize nomes de variáveis e chaves de resposta.&#x20;
- **Teste e Depuração**&#x20;
  - Use **Testar** durante a construção.&#x20;
  - Acompanhe o **Monitoramento** para ver latência, payloads e respostas por passo.&#x20;
  - Ajuste até obter **Sucesso** em todos os passos críticos.&#x20;
- **Versionamento e Publicação**&#x20;
  - **Salvar** para consolidar mudanças.&#x20;
  - Revise o **Histórico**, compare diffs e adicione comentários de release.&#x20;
  - **Publicar** quando estiver pronto para produção.&#x20;

### Monitoramento

- **Tempo Real**&#x20;
  - Visualize a execução passo a passo (status, duração e mensagens).&#x20;
  - Filtre por status, pesquise por ID de execução e reexecute quando aplicável.&#x20;
- **Histórico**&#x20;
  - Consulte execuções anteriores, identifique padrões de falha e gargalos.&#x20;
  - Use as informações para otimizar tempo de resposta e confiabilidade.&#x20;

### Tratamento de erros

- **Boas Práticas**&#x20;
  - Antecipe falhas prováveis (timeouts, validação de schema, credenciais).&#x20;
  - Crie ramificações de erro (try/catch) com mensagens claras e contexto útil.&#x20;
  - Registre **logs acionáveis** (o que ocorreu, onde e com quais dados mínimos).&#x20;
  - Estruture respostas de erro para facilitar reprocesso e alerta.&#x20;

### Privacidade e segurança

- **Dados Sensíveis**&#x20;
  - Aplique mascaramento/anonimização quando necessário.&#x20;
  - Use o princípio do menor privilégio nas credenciais.&#x20;
  - Evite logar PII ou segredos; guarde-os em cofres apropriados.&#x20;
- **Governança**&#x20;
  - Documente propósitos, fontes e destinos de dados.&#x20;
  - Controle versões e mudanças via comentários de publicação.&#x20;

### Checklist de Qualidade

- **Modelagem**&#x20;
  - Fluxo claro do início ao fim e nomes descritivos.&#x20;
  - Entradas/saídas mapeadas com .input/.step.&#x20;
- **Confiabilidade**&#x20;
  - Tratamento de erros com mensagens úteis e caminhos alternativos.&#x20;
  - Timeouts e retries configurados conforme o conector.&#x20;
- **Observabilidade**&#x20;
  - Logs concisos e suficientes para diagnóstico.&#x20;
  - Métricas de duração por passo observadas e otimizadas.&#x20;
- **Segurança**&#x20;
  - Segredos fora do código e PII não logada.&#x20;
  - Permissões mínimas e revisadas.&#x20;
- **Governança**&#x20;
  - Versão comparada e comentada antes de publicar.&#x20;
  - Mudanças documentadas (o que/por quê/impacto).&#x20;

### Dicas Rápidas

- Prefira pequenos passos coesos a passos “faz-tudo”.&#x20;
- Valide schemas  (entrada/saída) para evitar efeito dominó.&#x20;
- Centralize trechos reutilizáveis em Flowkits/Modelos.&#x20;
- Faça testes locais frequentes; publique apenas quando tiver métricas estáveis.&#x20;

### Glossário Essencial

- **Canvas**: área visual de construção de fluxos.&#x20;
- **Conector**: componente que integra serviços.&#x20;
- **Passo**: instância configurada de um conector.&#x20;
- **Fluxo**: orquestração de passos.&#x20;
- **Monitoramento**: painel de logs e execuções.&#x20;
- **Scheduler**: agendamento de execução recorrente.&#x20;
- **Flowkit**: pacote de fluxos reutilizáveis.&#x20;
- **Publicar**: promover versão para execução oficial.&#x20;

### Limitações e Observações

- A profundidade de logs depende da configuração de cada passo.&#x20;
- Agendamentos e reprocessos devem respeitar limites e quotas dos sistemas de destino.&#x20;
- Integrações com dados sensíveis exigem políticas adicionais de segurança e auditoria.&#x20;



[Parametrizações](docId\:VpiLZuEnyPyCbjPp4YAND)
