Quadro branco online

Início

Carregando o quadro branco…

Esboce uma ideia, represente um processo simples ou organize notas em uma tela privada para uma única pessoa. Desenhe com caneta ou marcador, adicione formas, setas, texto, notas adesivas e imagens raster locais e depois mova, redimensione, ordene em camadas ou bloqueie objetos. O quadro funciona no navegador e exporta arquivos de imagem, SVG e projetos editáveis reais.

Como criar um quadro branco

  1. 1

    Comece ou restaure um quadro

    Dê um nome a um quadro vazio de 1920×1080 ou importe um arquivo JSON de quadro branco Hyperion validado.

  2. 2

    Desenhe e organize

    Use caneta, marcador, linhas, setas, retângulos, elipses, texto, notas adesivas e imagens locais com limites.

  3. 3

    Revise toda a tela

    Ajuste o quadro à tela, consulte a lista semântica de camadas e faça as últimas alterações.

  4. 4

    Exporte o resultado

    Baixe PNG, JPEG ou SVG para compartilhar, ou JSON para continuar editando o mesmo quadro mais tarde.

Um quadro prático para uma pessoa

Este quadro branco é deliberadamente local e para um único usuário. Serve para um diagrama rápido, um plano de aula, um esboço de interface, uma retrospectiva ou ideias que você queira organizar visualmente. Não cria salas de reunião, cursores compartilhados, links públicos, contas nem cópias na nuvem. Para entregar um quadro editável a outra pessoa, exporte o JSON do projeto e envie o arquivo por conta própria.

A superfície de desenho está limitada a 1920×1080. Assim, as exportações são previsíveis e um arrasto acidental não cria um documento praticamente infinito. Deslocar e ampliar alteram a visualização do editor, não as dimensões reais da saída.

Ferramentas, objetos e camadas

Ferramenta O que cria
Caneta Um traço livre opaco
Marcador Um traço mais largo e translúcido
Linha e seta Conectores retos entre dois pontos
Retângulo e elipse Formas preenchidas com contorno
Texto Uma caixa de texto simples
Nota adesiva Texto numa nota colorida
Imagem local Um PNG, JPEG ou WebP validado e incorporado no projeto

Selecione um objeto desbloqueado para movê-lo. Retângulos, elipses, caixas de texto, notas adesivas e imagens também têm uma alça de redimensionamento no canto inferior; o painel de camadas inclui controles acessíveis pelo teclado para reduzir e ampliar. Você pode duplicar, excluir, avançar ou recuar objetos e bloqueá-los contra alterações acidentais. Desfazer e refazer conservam até 100 ações confirmadas na sessão atual do editor.

A lista de camadas reflete a ordem visual e atribui um botão semântico a cada objeto. As teclas de seta movem o objeto desbloqueado selecionado uma unidade do quadro, ou dez com Shift. Delete o remove; Ctrl/Cmd+Z e Ctrl/Cmd+Y desfazem e refazem ações. Os Pointer Events permitem usar mouse, caneta e toque na mesma tela; dois pontos de toque deslocam e ampliam a visualização.

Arquivos locais, recuperação e privacidade

Os objetos, o texto e as imagens incorporadas não são enviados pelo Livewire, adicionados ao URL nem submetidos a um serviço remoto de imagens. As solicitações normais de página, recursos e análise continuam a ocorrer sem o conteúdo do quadro. O editor salva temporariamente uma cópia de trabalho limitada no IndexedDB, um banco de dados do navegador no dispositivo. Essa cópia expira depois de sete dias e não é um backup permanente.

O JSON do projeto usa um esquema estrito com versão. Campos desconhecidos, IDs duplicados, tipos de objeto não suportados, URLs remotos de imagem, assinaturas de imagem enganosas, coordenadas excessivas e arquivos grandes demais são rejeitados antes de substituírem o quadro atual. As imagens se limitam a PNG, JPEG e WebP, com limites de tamanho codificado, dimensões e pixels decodificados. Exporte JSON regularmente se o quadro for importante; a navegação privada, a limpeza de dados do site ou as políticas do navegador podem remover a cópia temporária.

O que cada exportação conserva

  • PNG conserva uma cópia raster sem perdas de todo o quadro.
  • JPEG cria uma cópia raster opaca e compacta.
  • SVG conserva formas vetoriais e texto como elementos SVG e incorpora imagens raster locais validadas.
  • JSON do projeto conserva objetos editáveis para o importador deste quadro branco.

São arquivos baixados, não links de compartilhamento. JSON é o único formato que pode ser importado para continuar a edição; PNG, JPEG e SVG são exportações, não formatos de projeto de ida e volta. A criação de arquivos no navegador usa Canvas toBlob(), enquanto o desenho e os gestos usam Pointer Events.

Perguntas frequentes

Não. É um quadro no navegador para um único usuário, sem salas, presença, cursores compartilhados ou colaboração em tempo real. Exporte JSON se outra pessoa precisar de uma cópia editável.

O editor mantém objetos, texto, imagens locais e exportações no navegador. Os pedidos normais de página, recursos e análise continuam, mas não incluem conteúdo do quadro.

Você pode adicionar arquivos PNG, JPEG e WebP dentro dos limites a partir do dispositivo. URLs remotos, SVG, GIF, assinaturas incompatíveis e imagens acima dos limites de tamanho ou pixels decodificados são rejeitados.

Não. Use o JSON do projeto para continuar a edição. PNG, JPEG e SVG capturam o quadro para visualização ou compartilhamento, mas não conservam o esquema de objetos editáveis necessário para importação.

A cópia de trabalho limitada no IndexedDB expira depois de sete dias. A limpeza do navegador e as políticas do modo privado podem removê-la antes; exporte JSON para tudo o que precisar conservar.

O bloqueio impede mover, redimensionar, excluir, duplicar ou reordenar o objeto até ele ser desbloqueado. O objeto continua visível na tela e na lista semântica de camadas.

Não. O projeto atual é salvo automaticamente no dispositivo, mas o histórico de 100 ações pertence à sessão ativa do editor e não é salvo no JSON do projeto.

Sim. A tela aceita Pointer Events de toque e caneta, incluindo deslocamento e zoom com dois pontos. A lista semântica de camadas e os controles de tamanho também são uma alternativa à seleção precisa na tela.

Ferramentas relacionadas