> ## Documentation Index > Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt > Use this file to discover all available pages before exploring further. # Visão geral do editor > Conheça o editor de assinaturas da Scribe e veja como o painel de árvore, o canvas, o painel de estilos, a barra superior e a barra de ações trabalham juntos para criar assinaturas. O editor da Scribe é onde você cria suas assinaturas de e-mail. Ele segue um layout de três painéis semelhante a ferramentas de design como Figma ou Framer: um [painel de árvore](/pt-BR/editor/tree-panel) à esquerda, um [canvas](/pt-BR/editor/canvas) no centro e um [painel de estilos](/pt-BR/editor/styling-panel) à direita. Layout de três painéis do editor da Scribe com árvore, canvas e painel de estilo ## Layout **Painel de árvore (esquerda)**: mostra a estrutura hierárquica da sua assinatura como uma árvore recolhível. Todo bloco da sua assinatura aparece aqui: colunas, blocos de texto, imagens, banners. Você pode selecionar, reordenar, duplicar, ocultar e excluir blocos a partir deste painel. Painel de árvore à esquerda mostrando a hierarquia de blocos da assinatura **Canvas (centro)**: uma prévia ao vivo da sua assinatura que se atualiza em tempo real conforme você faz alterações. Clique em qualquer bloco diretamente no canvas para selecioná-lo ou use o painel de árvore. O canvas mostra dados reais dos membros da equipe a partir de Smartfields para que você veja como a assinatura ficará de fato. Painel central do canvas do editor mostrando a prévia ao vivo da assinatura **Painel de estilo (direita)**: aparece quando você seleciona um bloco. Mostra todas as opções de estilo desse bloco, incluindo propriedades de layout, formatação de texto, cores, espaçamento e conexões com Smartfields. As opções mudam conforme o tipo de bloco selecionado. Painel de estilo à direita mostrando as opções de configuração do bloco ## Barra superior A [barra superior](/pt-BR/editor/editor-top-bar) exibe informações e ações principais: * **Seta para voltar**: retorna à página de detalhes da assinatura * **Nome e status da assinatura**: mostra o nome da assinatura, o número de membros da equipe atribuídos e o status atual (Rascunho ou Publicada) * **Modelos**: explore a biblioteca de modelos para começar a partir de um design pronto * **Verificação de qualidade**: executa uma análise de compatibilidade no design da sua assinatura. Clique para ver uma checklist que verifica se a assinatura se adapta de forma responsiva a todos os tamanhos de tela, funciona com todos os clientes de e-mail e navegadores, opera em desktop/celular/tablet, carrega rapidamente com HTML leve, é exibida corretamente ao compor e-mails e mantém as proporções das imagens em todas as plataformas. Todas as verificações devem aparecer em verde antes de publicar. * **Pré-visualização**: abre o modal de pré-visualização para ver como a assinatura fica para cada membro da equipe * **Publicar**: coloca as alterações do design no ar. Após publicar, as atualizações são enviadas automaticamente a todos os membros da equipe com a assinatura instalada. Barra superior do editor com as ações Modelos, Verificação de qualidade, Pré-visualização e Publicar ## Barra de ações Na parte inferior da tela de edição, a barra de ações oferece: * **Desfazer / Refazer**: avance ou retroceda pelas suas alterações * **Alça de arrastar**: reposicione a visualização da tela de edição * **Controles de zoom**: aumente o zoom (+), diminua o zoom (−) ou defina um nível específico de zoom (por exemplo, 100%) Barra de ações do editor com controles de desfazer, refazer e zoom ## Artigos relacionados * [Barra de ações](/pt-BR/editor/action-bar) * [Adicionar blocos](/pt-BR/editor/add-blocks) * [Criar layouts com colunas e linhas](/pt-BR/editor/building-layouts-with-columns-and-rows)