excalidraw

Editor Excalidraw | Blogue | Documentação | Excalidraw+

Um quadro branco virtual desenhado à mão de código aberto.
Colaborativo e criptografado de ponta a ponta.

Crie lindos diagramas desenhados à mão, wireframes ou o que você quiser.

Características

O editor Excalidraw (pacote npm) suporta:

• ? Gratuito e de código aberto.
• ? Quadro branco infinito baseado em tela.
• ✍️ Estilo desenhado à mão.
• ? Modo escuro.
• Customizável.
• ? Suporte de imagem.
• ? Suporte a bibliotecas de formas.
• ? Suporte para localização (i18n).
• ?️ Exportar para PNG, SVG e área de transferência.
• ? Formato aberto - exporte desenhos como um arquivo .excalidraw json.
• ⚒️ Ampla gama de ferramentas - retângulo, círculo, losango, seta, linha, desenho livre, borracha...
• ➡️ Setas marcadas e com encadernação de setas.
• ? Desfazer/Refazer.
• ? Suporte para zoom e panorâmica.

Excalidraw. com

O aplicativo hospedado em excalidraw.com é uma vitrine mínima do que você pode construir com Excalidraw. Seu código-fonte também faz parte deste repositório, e o aplicativo apresenta:

• ? Suporte PWA (funciona offline).
• ? Colaboração em tempo real.
• Criptografia ponta a ponta.
• ? Suporte local (salvamento automático no navegador).
• ? Links compartilháveis ​​(exporte para um link somente leitura que você pode compartilhar com outras pessoas).

Adicionaremos esses recursos como plug-ins para o pacote npm no futuro.

Início rápido

Nota: as instruções a seguir são para instalar o pacote Excalidraw npm ao integrar o Excalidraw em seu próprio aplicativo. Para executar o repositório localmente para desenvolvimento, consulte nosso Guia de Desenvolvimento.

 npm install react react-dom @excalidraw/excalidraw

ou via fio

 yarn add react react-dom @excalidraw/excalidraw

Confira nossa documentação para mais detalhes!

Contribuindo

• Faltando alguma coisa ou encontrou um bug? Informe aqui.
• Quer contribuir? Confira nosso guia de contribuições ou informe-nos no Discord.
• Quer ajudar com traduções? Veja o guia de tradução.

Integrações

• Extensão VScode
• pacote npm

Quem está integrando o Excalidraw

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • e muitos outros

Patrocinadores e suporte

Se gostar do projeto, você pode se tornar patrocinador do Open Collective ou usar o Excalidraw+.

Obrigado por apoiar o Excalidraw

Por último, mas não menos importante, estamos gratos a estas empresas por oferecerem os seus serviços gratuitamente: