# Funcionalidades da tela 🎥 Tutorial em vídeo do canvas Prefere assistir em vez de ler? Neste tutorial, aprenda a usar as diferentes funcionalidades do canvas construindo um bot de Pizza rápido e fácil 👇 {% embed url="" %} Se preferir ler, vamos passar por cada funcionalidade especial do canvas abaixo 👇 ## Auto layout Se você testar o canvas com um bot existente, os blocos do seu bot aparecerão sobrepostos. A funcionalidade Auto layout existe para resolver isso. Para usar o Auto layout: 1. Do seu canvas, clique no **Auto layout** botão no canto inferior direito da sua tela.

2. Seus blocos agora estão distribuídos pelo canvas sem sobreposição. Sinta-se à vontade para arrastar e soltar cada bloco onde achar melhor! {% hint style="danger" %} Observe que, uma vez que você organizar seu fluxo usando o Auto layout, não é possível voltar ao aspecto anterior do seu fluxo. {% endhint %} ## Arraste e solte Para adicionar novos blocos ao seu bot pelo canvas, simplesmente arraste e solte-os diretamente do canto superior direito para qualquer lugar do canvas.

## 🆕 Duplicar blocos Para duplicar um bloco: 1. Selecione um bloco clicando nele. 2. Clique em **Duplicar** ícone acima dele.

3. Uma cópia deste bloco aparece no seu canvas! ## Conexões Existem 2 tipos de conexões por setas no canvas: Go-to e conexões Pai. ### Conexões Go-to As setas simples representam o [Conexões Go-to](https://docs.chatlayer.ai/bot-answers/dialog-state/plugins#go-tos-within-dialog-types), ou seja, uma conexão de fluxo real. Isso significa que o bloco apontado pela seta acontece logo após o primeiro, guiando a conversa de um componente para outro.

Ponto Go-to de onde você pode desenhar conexões

Para ligar 2 componentes com um Go-to: 1. Clique e segure o **Conexões Ir para** ponto no canto inferior direito de um nó. 2. Conecte-o a qualquer outro bloco existente desenhando uma seta, ou você pode simplesmente criar um novo se ainda não tiver um bloco disponível.

A partir dos pontos Go-to, desenhe conexões entre os componentes.

### Conexões pai-filho As setas pontilhadas são [Conexões pai-filho](https://docs.chatlayer.ai/bot-answers/dialog-state#parent-bot-dialog), projetadas como um auxílio visual para ajudá-lo a organizar seus fluxos. Embora não criem ligações funcionais entre componentes, oferecem uma ferramenta para estruturar visualmente seu bloco de maneira coerente. Para adicionar uma conexão pai-filho: 1. Abra seu [bloco](https://docs.chatlayer.ai/chatlayer-documentation-pt-br/buildabot/flow-logic/dialog-state). 2. Vá para seu **Configurações**. 3. Em **Pai**, defina um bloco pai. 4. Clique **Salvar**. {% hint style="info" %} Por exemplo, conexões pai-filho são especialmente úteis quando você está usando [contexto](https://docs.chatlayer.ai/chatlayer-documentation-pt-br/nlp/natural-language-processing-nlp/using-context). {% endhint %}

A conexão pai-filho melhora a visualização.

### Configurações de conexão #### **Excluir setas** Tanto as setas Go-to quanto as pai-filho podem ser excluídas passando o cursor sobre elas e clicando no ícone de lixeira.

Clique no ícone de lixeira de uma seta para excluir uma conexão de fluxo

#### Posição e cor das setas Você tem flexibilidade para mover as setas para frente e para trás conforme necessário para alcançar o posicionamento perfeito. Além disso, é possível modificar suas cores para adequá-las às suas preferências.

Altere a cor e o posicionamento da seta.

Se você quiser reverter para o design anterior da seta, uma opção simples de redefinir permite restaurar as setas originais instantaneamente.