Excalidraw

Excalidraw é um quadro branco virtual que desenha com cara de rascunho feito à mão. Ele serve para tirar uma ideia da cabeça rápido: um fluxo, uma arquitetura, o esboço de uma tela. O mesmo editor existe como site pronto e como componente que o desenvolvedor instala no próprio projeto.

Para que serve

• Rabiscar o fluxo de um processo antes de discutir com o time, como no mapeamento de processos que vem antes da automação.
• Desenhar diagramas de arquitetura e wireframes sem abrir um software de design.
• Editar o mesmo desenho com outras pessoas em tempo real pelo excalidraw.com, que usa criptografia de ponta a ponta.
• Exportar o resultado em PNG ou SVG, ou copiar direto para a área de transferência.
• Guardar o desenho no formato .excalidraw, um JSON aberto que pode ir para o controle de versão junto com o código.

Como começar

Quem só quer desenhar abre o excalidraw.com no navegador. Quem quer o editor dentro de uma aplicação React instala o pacote pelo npm:

npm install react react-dom @excalidraw/excalidraw

O README também mostra o comando com Yarn, mas não descreve uma instalação própria do site passo a passo.

Licença e custo

O código tem licença MIT, que deixa embutir o Excalidraw, alterado ou não, num produto pago sem custo. A condição é que o aviso de copyright siga nas cópias. O plano gratuito do excalidraw.com tem uma cena infinita. O Excalidraw+ é a versão paga, com cenas e pastas ilimitadas, salvamento em nuvem, gestão de equipe, comentários, exportação em PDF e PPTX e mais pedidos de IA por dia. Custa US$ 6 por usuário ao mês no plano anual e tem 14 dias de teste.

Quando vale a pena

O ponto forte do Excalidraw é um desenho bom o bastante em poucos minutos, para quem gosta do visual informal de rascunho. Também atende o desenvolvedor que quer um quadro branco dentro do próprio sistema. Para diagramas com notação formal, como BPMN detalhado, o traço à mão atrapalha. Nesses casos o draw.io (diagrams.net) é a alternativa aberta mais próxima, e o tldraw é outra opção de quadro branco para embutir.