- Selecione uma Ferramenta — Escolha da barra: Desenhar, Borracha, Texto, Nota, Retângulo, Círculo, Linha, Seta ou Losango.
- Personalize Cores — Use os seletores de Cor e Preenchimento, e o controle de Tamanho.
- Desenhe na Tela — Clique e arraste para desenhar ou criar formas.
- Navegue — Use botões de zoom ou roda do mouse. Alt+Clique para deslocar.
- Exporte — Clique em Exportar PNG ou Exportar SVG.
O que é o Quadro Branco Digital?
O Quadro Branco Digital é uma ferramenta gratuita, privada e sem servidor que oferece uma tela infinita para desenhar, criar diagramas e fazer brainstorming diretamente no seu navegador. Sem instalação de software, sem criar contas e sem upload de dados para nenhum servidor. Rivaliza com ferramentas premium como Miro, Excalidraw e Microsoft Whiteboard, mas funciona 100% do lado do cliente.
Recursos Principais
- Tela Infinita — Sem limites de tamanho. Zoom e deslocamento livre em qualquer direção.
- Desenho à Mão Livre — Ferramenta de caneta suave com tamanho de pincel e cor ajustáveis.
- Ferramentas de Formas — Retângulos, círculos, linhas, setas e losangos com cor de borda e preenchimento personalizados.
- Ferramenta de Texto — Clique para adicionar texto com tamanho e cor personalizáveis.
- Notas Adesivas — Adicione notas coloridas em seis cores pastel.
- Borracha — Limpe erros facilmente.
- Selecionar e Arrastar — Selecione elementos e arraste para reposicionar.
- Grade — Grade de alinhamento ativável/desativável.
- Fundo Escuro — Mude para fundo escuro para reduzir fadiga ocular.
- Desfazer/Refazer — Histórico completo com Ctrl+Z e Ctrl+Y.
- Exportar PNG e SVG — Exporte como imagem de alta resolução ou gráficos vetoriais.
Como Funciona
O Quadro Branco Digital utiliza a API do Canvas HTML5 para renderizar todos os elementos gráficos. Cada elemento é armazenado como um objeto JavaScript. O sistema de desfazer armazena snapshots completos do estado para restauração total.
Privacidade e Segurança
Tudo é processado completamente dentro do seu navegador usando JavaScript e HTML5 Canvas. Nenhum dado é enviado para nenhum servidor. Seus desenhos existem apenas na memória do navegador.
Dicas
- Use a Grade — Para alinhamento ao criar diagramas estruturados.
- Amplie para Detalhes — Zoom a 200-300% para trabalho detalhado.
- Notas Adesivas para Ideias — Capture ideias individuais durante brainstorming.