> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Quadros brancos

> Crie quadros brancos com tela infinita para pensamento visual, diagramas e colaboração livre.

Os quadros brancos no Craft oferecem uma tela infinita para pensamento visual. Use-os para esboçar ideias, criar diagramas, planejar projetos ou colaborar visualmente com sua equipe.

## O que são quadros brancos?

Quadros brancos são telas livres incorporadas diretamente nos seus documentos. Ao contrário do texto estruturado, eles permitem posicionar elementos em qualquer lugar, conectar ideias com setas e pensar visualmente sem restrições.

**Use quadros brancos para:**

* Brainstorming e mapas mentais
* Criar fluxogramas e diagramas
* Planejar projetos com layouts visuais
* Esboçar wireframes e mockups
* Organizar ideias espacialmente
* Colaboração visual com membros da equipe

## Criando um quadro branco

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        Em um documento, posicione o cursor onde você quer o quadro branco
      </Step>

      <Step>
        Digite `/whiteboard` e pressione **Return**, ou clique em **+** e selecione **Whiteboard**
      </Step>

      <Step>
        Um novo bloco de quadro branco aparece. Clique nele para abrir a tela de edição
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        Em um documento, toque onde você quer o quadro branco
      </Step>

      <Step>
        Toque no botão **+** e selecione **Whiteboard**
      </Step>

      <Step>
        Toque na pré-visualização do quadro branco para abrir a tela de edição
      </Step>
    </Steps>
  </Tab>

  <Tab title="Windows">
    <Steps>
      <Step>
        Em um documento, posicione o cursor onde você quer o quadro branco
      </Step>

      <Step>
        Digite `/whiteboard` e pressione **Enter**, ou clique em **+** e selecione **Whiteboard**
      </Step>

      <Step>
        Um novo bloco de quadro branco aparece. Clique nele para abrir a tela de edição
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        Em um documento, posicione o cursor onde você quer o quadro branco
      </Step>

      <Step>
        Digite `/whiteboard` e pressione **Enter**, ou clique em **+** e selecione **Whiteboard**
      </Step>

      <Step>
        Um novo bloco de quadro branco aparece. Clique nele para abrir a tela de edição
      </Step>
    </Steps>
  </Tab>
</Tabs>

O quadro branco abre em tela cheia, pronto para você começar a criar.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/create-whiteboard.gif?s=866316e819f106de6025a545b9604df6" alt="Creating a whiteboard using the slash command" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/create-whiteboard.gif" />

## Ferramentas do quadro branco

A barra de ferramentas traz tudo o que você precisa para criar conteúdo visual.

### Ferramenta de seleção

Use a ferramenta de seleção para mover, redimensionar e modificar elementos existentes.

* **Selecionar elementos**: clique para selecionar um elemento ou arraste para selecionar vários
* **Mover**: arraste os elementos selecionados para reposicioná-los
* **Redimensionar**: arraste as alças dos cantos para alterar o tamanho
* **Excluir**: selecione e pressione **Delete** ou **Backspace**

### Ferramentas de desenho

**Lápis**

Desenhe traços livres com a ferramenta lápis. Ideal para esboços, escrita manual ou formas orgânicas.

* Clique no ícone do lápis ou pressione **P**
* Ajuste a espessura e a cor do traço na barra de ferramentas
* Desenhe naturalmente com mouse, trackpad ou caneta stylus

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/pencil-drawing.gif?s=c08a462eaa627971a69685d267ba46f8" alt="Freehand drawing with the pencil tool" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/pencil-drawing.gif" />

**Seta**

Conecte elementos com setas para mostrar relações e fluxos.

* Clique no ícone de seta ou pressione **A**
* Arraste do ponto inicial até o ponto final
* Personalize o estilo das pontas nas duas extremidades
* Ajuste a espessura e a cor da linha

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/arrows-lines.gif?s=2b5c46723b9cd2139b8d6ceabc356d16" alt="Using arrows and lines to connect elements" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/arrows-lines.gif" />

### Ferramentas de formas

Adicione formas geométricas para diagramas e layouts estruturados.

* **Retângulo**: clique no ícone de formas e selecione retângulo
* **Losango**: clique no ícone de formas e selecione losango
* **Elipse**: clique no ícone de formas e selecione elipse

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/shapes-tool.gif?s=2ddb0a1082537596975e8819cfa98de0" alt="Using shapes in the whiteboard" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/shapes-tool.gif" />

**Personalizando formas:**

* Cor de preenchimento e opacidade
* Cor e espessura do traço
* Texto dentro das formas (clique duas vezes para adicionar)

### Texto e notas adesivas

**Texto**

Adicione rótulos de texto independentes em qualquer lugar da tela.

* Clique no ícone de texto ou pressione **T**
* Clique onde você quer que o texto apareça
* Digite seu conteúdo
* Formate com opções de fonte, tamanho e cor

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/text-tool.gif?s=263a77c70952bd35fdc13363b9eaa11e" alt="Adding and formatting text in whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/text-tool.gif" />

**Notas adesivas**

Crie elementos em estilo de nota para registrar ideias e comentários.

* Clique no ícone de nota adesiva
* Clique onde você quer a nota
* Digite seu conteúdo
* Escolha a cor de fundo

### Imagens e mídia

Adicione recursos visuais diretamente ao seu quadro branco.

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        Clique no ícone de imagem na barra de ferramentas
      </Step>

      <Step>
        Selecione um arquivo de imagem do seu dispositivo
      </Step>

      <Step>
        A imagem aparece na tela, pronta para ser posicionada e redimensionada
      </Step>
    </Steps>

    **Limites**: até 50 imagens e 10 vídeos por quadro branco, no máximo 100 MB por arquivo.
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        Toque no ícone de imagem na barra de ferramentas
      </Step>

      <Step>
        Escolha entre Fotos ou Arquivos
      </Step>

      <Step>
        A imagem aparece na tela, pronta para ser posicionada e redimensionada
      </Step>
    </Steps>

    **Limites**: até 50 imagens e 10 vídeos por quadro branco, no máximo 100 MB por arquivo.
  </Tab>

  <Tab title="Windows">
    <Steps>
      <Step>
        Clique no ícone de imagem na barra de ferramentas
      </Step>

      <Step>
        Selecione um arquivo de imagem do seu dispositivo
      </Step>

      <Step>
        A imagem aparece na tela, pronta para ser posicionada e redimensionada
      </Step>
    </Steps>

    **Limites**: até 50 imagens e 10 vídeos por quadro branco, no máximo 100 MB por arquivo.
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        Clique no ícone de imagem na barra de ferramentas
      </Step>

      <Step>
        Selecione um arquivo de imagem do seu dispositivo
      </Step>

      <Step>
        A imagem aparece na tela, pronta para ser posicionada e redimensionada
      </Step>
    </Steps>

    **Limites**: até 50 imagens e 10 vídeos por quadro branco, no máximo 100 MB por arquivo.
  </Tab>
</Tabs>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/media-assets.gif?s=d2fe1a8f3299faa21abf318353599c03" alt="Adding images and media to whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/media-assets.gif" />

## Navegação e visualização

### Zoom e deslocamento

Movimente-se pelo quadro branco e ajuste o nível de visualização.

* **Deslocar**: arraste com dois dedos (trackpad) ou segure **Space** e arraste (mouse)
* **Ampliar**: afaste os dedos (trackpad), use **Cmd/Ctrl** + **+** ou os controles de zoom
* **Reduzir**: aproxime os dedos (trackpad), use **Cmd/Ctrl** + **-** ou os controles de zoom
* **Ajustar à visualização**: clique no botão de redefinir zoom para ver todo o conteúdo

### Personalização do fundo

Personalize o fundo do quadro branco para combinar com seu fluxo de trabalho.

**Opções de grade:**

* **Pontos**: referência sutil para alinhamento
* **Linhas**: linhas de grade tradicionais
* **Quadrados**: estilo papel quadriculado
* **Nenhuma**: tela limpa e em branco

**Cor de fundo:**

Escolha qualquer cor para o fundo da sua tela. A cor de fundo aparece tanto durante a edição quanto na pré-visualização no documento.

<Tabs>
  <Tab title="macOS">
    Acesse as configurações de fundo clicando no ícone de fundo na barra de ferramentas. Escolha o estilo de grade e a cor desejada.
  </Tab>

  <Tab title="iOS">
    Toque no ícone de fundo na barra de ferramentas para acessar as configurações de grade e cor.
  </Tab>

  <Tab title="Windows">
    Clique no ícone de fundo na barra de ferramentas para escolher o estilo de grade e a cor de fundo.
  </Tab>

  <Tab title="Web">
    Clique no ícone de fundo na barra de ferramentas para escolher o estilo de grade e a cor de fundo.
  </Tab>
</Tabs>

## Editando quadros brancos

### Organizando elementos

Controle como os elementos se sobrepõem e se relacionam entre si.

**Ordem das camadas:**

* **Trazer para frente**: clique com o botão direito → **Arrange** → **Bring Forward**
* **Enviar para trás**: clique com o botão direito → **Arrange** → **Send Backward**
* **Trazer para o topo**: clique com o botão direito → **Arrange** → **Bring to Front**
* **Enviar para o fundo**: clique com o botão direito → **Arrange** → **Send to Back**

**Agrupando elementos:**

Selecione vários elementos e clique com o botão direito → **Group** para movê-los juntos como uma unidade. Desagrupe quando precisar editar elementos individuais novamente.

### Copiando e duplicando

* **Duplicar**: selecione e pressione **Cmd/Ctrl** + **D**
* **Copiar/Colar**: use os atalhos padrão **Cmd/Ctrl** + **C** e **Cmd/Ctrl** + **V**
* **Recortar**: **Cmd/Ctrl** + **X** para remover e colocar na área de transferência

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/keyboard-shortcuts.gif?s=3a465b8da0ea34fd07422eea28103dbf" alt="Keyboard shortcuts for working with whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/keyboard-shortcuts.gif" />

### Exportando conteúdo

Exporte seu quadro branco como imagem para usar fora do Craft.

<Tabs>
  <Tab title="macOS">
    No menu do quadro branco, escolha **Export** e selecione o formato **PNG** ou **SVG**. A exportação captura sua visualização atual ou toda a tela.
  </Tab>

  <Tab title="iOS">
    Toque no ícone de menu (•••) e selecione **Export**. Escolha o formato **PNG** para salvar o quadro branco como imagem.
  </Tab>

  <Tab title="Windows">
    Os aplicativos Web e Windows atualmente não oferecem suporte à exportação direta em PNG. Como alternativa, faça uma captura de tela ou exporte o documento que contém o quadro em PDF.
  </Tab>

  <Tab title="Web">
    Os aplicativos Web e Windows atualmente não oferecem suporte à exportação direta em PNG. Como alternativa, faça uma captura de tela ou exporte o documento que contém o quadro em PDF.
  </Tab>
</Tabs>

## Colaboração

Quadros brancos suportam colaboração em tempo real, assim como os documentos.

Quando várias pessoas trabalham no mesmo quadro branco:

* **Veja os cursores**: o cursor de cada pessoa aparece identificado com o nome
* **Atualizações ao vivo**: as alterações aparecem instantaneamente para todos
* **Sem conflitos**: o quadro branco mescla as edições automaticamente

<Info title="Compartilhando quadros brancos">
  O acesso ao quadro branco segue as permissões do documento. Qualquer pessoa com acesso de edição ao documento pode editar o quadro. Visualizadores conseguem ver o quadro, mas não podem modificá-lo.
</Info>

## Pré-visualizações de quadros brancos

No seu documento, os quadros brancos aparecem como blocos de pré-visualização que mostram um instantâneo da tela.

**Atualizações da pré-visualização:**

* Automáticas após você fechar o quadro branco
* Mostram o estado atual do seu quadro branco
* Adaptam-se ao modo claro/escuro do seu documento

A pré-visualização é uma referência visual – clique nela para abrir e editar o quadro branco por completo.

## Dicas e boas práticas

**Comece simples**

Comece com formas básicas e texto. Acrescente complexidade conforme a ideia se desenvolve.

**Use cores com propósito**

Atribua cores a categorias ou temas. Uma codificação de cores consistente facilita a compreensão de diagramas complexos.

**Aproveite as setas**

Mostre relações, fluxos e dependências com setas. Personalize o estilo das pontas para indicar diferentes tipos de conexão.

**Combine com documentos**

Quadros brancos funcionam melhor ao lado do texto. Use-os para pensamento visual e depois registre as conclusões em texto estruturado.

**Pronto para virar modelo**

Crie layouts reutilizáveis (quadros Kanban, estruturas de fluxograma, etc.) e duplique-os para novos projetos.

## Solução de problemas

<AccordionGroup>
  <Accordion title="Atualizando quadros brancos legados">
    Esta seção explica como atualizar quadros brancos legados, criados com o framework anterior de quadros brancos. Esses quadros mais antigos não podem ser abertos diretamente na nova versão do aplicativo Craft.

    ### Quando é necessária uma atualização

    Se um documento contém um quadro branco legado, você verá um rótulo **Update Needed** na pré-visualização do quadro. O bloco do quadro branco continua visível e ainda pode ser duplicado ou movido, mas não pode ser aberto até ser atualizado.

    ### Iniciando a atualização

    Ao tentar abrir um quadro branco legado, você verá um diálogo de migração. Selecione **Create new version** para continuar. Um novo quadro branco será gerado diretamente abaixo do bloco original.

    ### O que acontece durante a migração

    A migração copia todos os itens do quadro legado para o novo framework. O bloco original do quadro branco permanece intacto. A migração pode ser repetida, se necessário.

    **Limitações atuais:**

    * Apenas a versão original de um quadro branco será migrada. Duplicatas de quadros legados não são migradas
    * Em alguns layouts com camadas complexas, o texto pode aparecer temporariamente atrás das formas. Isso pode ser corrigido ajustando a ordem das camadas no novo quadro

    ### Após a migração

    Depois que a nova versão for criada, você pode abri-la e editá-la normalmente. Se o resultado não for o esperado, você pode executar a migração novamente ou ajustar o conteúdo manualmente. O bloco legado permanecerá no lugar como referência até você optar por excluí-lo.

    <Info title="Precisa de ajuda?">
      A migração foi projetada para preservar o conteúdo com a maior precisão possível. Se você notar algum problema que não possa ser resolvido reordenando camadas ou repetindo a migração, entre em contato com o suporte para obter assistência.
    </Info>
  </Accordion>

  <Accordion title="Desempenho com quadros brancos grandes">
    Quadros brancos muito grandes com centenas de elementos podem apresentar renderização mais lenta.

    **Para melhorar o desempenho:**

    * Divida quadros complexos em seções focadas
    * Use quadros brancos separados para diferentes tópicos
    * Limite o número de imagens em alta resolução
    * Feche outras abas e aplicativos enquanto trabalha
  </Accordion>

  <Accordion title="Pré-visualização não atualiza">
    Se a pré-visualização do quadro branco no seu documento não reflete as alterações recentes:

    <Steps>
      <Step>
        Abra o quadro branco
      </Step>

      <Step>
        Faça qualquer pequena alteração (mova um elemento)
      </Step>

      <Step>
        Feche o quadro branco
      </Step>
    </Steps>

    Isso aciona a geração de uma nova pré-visualização. A pré-visualização geralmente é atualizada em alguns segundos.
  </Accordion>
</AccordionGroup>

<Info title="Precisa de mais ajuda?">
  Para problemas gerais, de sincronização ou específicos de plataforma, consulte o [Guia de solução de problemas](/pt-BR/introduction/troubleshooting).
</Info>