En estas ultimas semanas como he estado actualizando los cursos de varios temas, y muchos de ustedes me han preguntando por esta herramienta de dibujos que he estado usando para explicar conceptos en estos cursos.
Esta Herramienta es Excalidraw, y en esta ocasion me gustaria comentarles que ofrece y porque lo uso tanto.
¿Que es Excalidraw?
Cuando trato de explicar algun concepto siempre trato añadirle algun recurso visual, con el fin de quien me escucha puede entenderlo facilmente. Y esto en codigo es muy necesario porque muchos temas son puramente abstractos, como Algoritmos, Redes, y Herramientas de software en general (Docker, entornos virtuales).
Asi que Excalidraw es una pizarra online que te permite hacer dibujos, trazos, diagramas, mockups y basicamente cualquier tipo de grafico.
Y lo genial es que como es tan solo un sitio Web, si visitas excalidraw.com, ya puees empezar a usarlo al instante. añadir graficos que han añadido otras personas, y finalmente puedes exportar tu grafico como una imagen png, svg o guadarlo como un archivo con extension .excalidraw, ya les mostrare eso.
Me viene muy bien poque me permite dibujar rapidamente mis ideas, y mostrarselas, en lugar de pasar bastante tiempo creando animaciones o simplemente hablando.
¿Que permite hacer excalidraw.com ?
OK, entonces ¿que permite hacer Excalidraw?. Excalidraw permite hacer lo siguiente:
Lo mas obvio es que puedes añadir Texto, Graficos como recuadros, circulos o rombos; flechas, e incluso un lapiz para poder hacer trazos, esto viene bastante bien si tienes alguna tableta grafica tambien.
Tambien puedes cargar imagenes directamente desde tu computador en la pizarra
Todas estas funcionalidades tambien tienen un atajo rapido con un numero del 1 al 9 para que puedas presionar en tu teclado para activarlos.
Puedes moverte en el lienzo manteniendo presionado la rueda del raton y haciendo click a donde quieras mover el lienzo o si estas una laptop puedes mantener presionado la barra espaciadora y hacer click.
Tambien si cierras la pagina, y vuelvas entrar este almacenar tu ultimo dibujo por lo que es muy util si cierras la pagina de casualidad.
Puedes hacer zoom in y zoom out, con los controles de la esquina inferior izquierda o puees presionar control y la rueda del raton para hacerlo.
tambien puedes selccionar multiples elementos y copiarlos
Seleccionar multiples elementos y eliminarlos
Seleccionar multiples elementos y agruparlos
tambien puedes cambiar el idioma
Puedes ver todos los atajos usando el boton de ayuda de la esquina inferior derecha
puedes controlar los trazos
- el color
- el estilo
- la ondulacion
- los bordes
el background de dibujos
los textos
- el tamaño
- la fuente (solo son 3)
- y la alineacion
Posicionamiento
- traer al fondo
- traer atras
- traer al frente
- traer adelante
tambien puedes cambiar el color de fondo
Y finalmente puedes eliminar todo el canvas
Biblioteca
Puedes usar las biblitotecas de Excalidraw para añadir graficos que otros usaurios han subido para que no tengas que usarlos desde cero
Excalidraw es Open Source
Excalidraw es una herramienta que es open source de hecho este es el repositorio de github
https://github.com/excalidraw/excalidraw
Y puedes clonarlo y ejecuarlo manualmene o usando Docker incluso y subirlo a tu propio servidor.
Excalidraw Plus
- Puedes organizar todos tus pizarras en carpetas
- Pueden editar varias personas al mismo tiempo
Otras caracteristicas
- Extension de Visual Studio Code
- Progressive Web Apps