excalidraw

Editor Excalidraw | Blog | Documentación | excalidra+

Una pizarra virtual de código abierto dibujada a mano.
Colaborativo y cifrado de extremo a extremo.

Crea hermosos diagramas dibujados a mano, estructuras alámbricas o lo que quieras.

Características

El editor Excalidraw (paquete npm) admite:

• ? Gratis y de código abierto.
• ? Pizarra infinita basada en lienzo.
• ✍️ Estilo dibujado a mano.
• ? Modo oscuro.
• Personalizable.
• ? Soporte de imagen.
• ? Soporte de bibliotecas de formas.
• ? Soporte de localización (i18n).
• ?️ Exportar a PNG, SVG y portapapeles.
• ? Formato abierto: exporte dibujos como un archivo json .excalidraw .
• ⚒️ Amplia gama de herramientas: rectángulo, círculo, diamante, flecha, línea, dibujo libre, borrador...
• ➡️ Flechas etiquetadas y encuadernadas con flechas.
• ? Deshacer/Rehacer.
• ? Soporte de zoom y panorámica.

Excalidraw.com

La aplicación alojada en excalidraw.com es una muestra mínima de lo que puede crear con Excalidraw. Su código fuente también forma parte de este repositorio y la aplicación presenta:

• ? Soporte PWA (funciona sin conexión).
• ? Colaboración en tiempo real.
• Cifrado de extremo a extremo.
• ? Soporte local primero (guardado automático en el navegador).
• ? Enlaces que se pueden compartir (exportar a un enlace de solo lectura que puede compartir con otros).

Agregaremos estas funciones como complementos directos para el paquete npm en el futuro.

Inicio rápido

Nota: las siguientes instrucciones son para instalar el paquete npm de Excalidraw al integrar Excalidraw en su propia aplicación. Para ejecutar el repositorio localmente para su desarrollo, consulte nuestra Guía de desarrollo.

 npm install react react-dom @excalidraw/excalidraw

o mediante hilo

 yarn add react react-dom @excalidraw/excalidraw

¡Consulte nuestra documentación para obtener más detalles!

Contribuyendo

• ¿Falta algo o encontraste un error? Informe aquí.
• ¿Quieres contribuir? Consulte nuestra guía de contribuciones o háganoslo saber en Discord.
• ¿Quieres ayudar con las traducciones? Consulte la guía de traducción.

Integraciones

• Extensión de código VS
• paquete npm

¿Quién está integrando Excalidraw?

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • y muchos otros

Patrocinadores y apoyo

Si te gusta el proyecto, puedes convertirte en patrocinador de Open Collective o utilizar Excalidraw+.

Gracias por apoyar a Excalidraw.

Por último, pero no menos importante, agradecemos a estas empresas por ofrecer sus servicios de forma gratuita: