Monodraw

• Monodraw es un potente editor de arte ASCII para macOS que permite crear arte basado en texto y admite diagramas, flujogramas y visualización de estructuras de datos
• Permite gestionar datos de texto libremente y visualizar modelos de bases de datos mediante mapas mentales y diagramas ER con notación Crow’s Foot
• La creación de banners de texto es posible con un solo clic gracias a la integración con FIGlet, e incluye 148 fuentes por defecto
• La interfaz de línea de comandos (CLI) admite generación automatizada de documentación usando hooks de control de versiones y salida en JSON
• Está optimizado para el entorno macOS, ofreciendo una experiencia intuitiva y eficiente para crear arte de texto, útil para documentación técnica y educación

---

Resumen de Monodraw

• Monodraw es un editor de arte ASCII exclusivo para macOS con el que se pueden crear fácilmente diagramas, diseños y flujogramas
  • Aprovecha la simplicidad del texto plano para visualizar algoritmos, estructuras de datos, formatos binarios y más
  • Al estar basado en texto, se puede insertar fácilmente en cualquier lugar y permite exportar imágenes en formatos PNG y SVG
• El precio es de $9.99, ofrece una versión de prueba gratuita, y el descuento educativo se consulta en [e-mail]
• Requisitos del sistema: macOS 11 Big Sur o superior
  • Para usuarios de versiones anteriores de macOS, están disponibles Monodraw v1.3 (macOS 10.10 Yosemite) y v1.5 (macOS 10.14 Mojave)

Funciones de diagramación

• Los diagramas refuerzan la documentación técnica y aportan representaciones visuales que ayudan a comprender código y especificaciones
  • La visualización de estructuras de datos, algoritmos y formatos de datos facilita la lectura y comprensión del código
  • Ejemplo: se usa como diagrama de red en el proyecto vagrant-ansible-openstack de GitHub
• Su interfaz intuitiva permite expresar conceptos complejos de forma sencilla

Mapas mentales

• Combina la simplicidad del texto plano con el poder de los mapas mentales
  • Permite colocar texto libremente en un lienzo infinito, sin las limitaciones de los archivos de texto lineales
  • El usuario puede gestionar los datos como prefiera

Diagramas ER

• Incluye soporte para diagramas ER orientados a quienes trabajan con bases de datos
  • Ofrece la notación Crow’s Foot en 3 variantes, adaptándose a las preferencias del usuario
  • Ayuda a diseñar y comprender modelos de datos mediante una visualización intuitiva

Banners de texto

• Permite generar banners de texto con un solo clic gracias a la integración con FIGlet
  • Incluye 148 fuentes por defecto y permite agregar fuentes personalizadas
  • Se puede redimensionar el cuadro de texto, cambiar la fuente y ajustar la alineación de forma interactiva sin usar la terminal

Herramientas de texto

• Usa un motor de texto basado en CoreText para un control preciso del diseño
  • Permite ajustar alineación, posición, dirección de línea y desplazamiento de línea
  • Agregar bordes se completa con un solo clic

Herramienta de líneas

• La herramienta de líneas admite líneas ortogonales y en escalera, además de configurar patrones de trazos
  • Se conecta dinámicamente a las figuras mediante puntos de conexión, sin necesidad de realinear al moverlas
  • Facilita la implementación de conexiones entre figuras

Herramienta de rectángulos

• La herramienta de rectángulos crea cajas, uno de los elementos más usados en el arte de texto
  • Permite configurar bordes, fondo y sombras con unos pocos clics
  • Los puntos de conexión personalizados permiten fijar líneas en posiciones exactas

Interfaz de línea de comandos (CLI)

• La CLI solo está disponible en la versión comprada directamente; la versión de Mac App Store no la incluye por restricciones del App Sandbox
  • Permite generar documentación automáticamente al hacer commits usando hooks de control de versiones
  • Su salida en JSON facilita la manipulación programática
• La CLI admite flujos de trabajo automatizados, mejorando la eficiencia del proceso de desarrollo

Herramientas de dibujo

• Incluye herramientas básicas de dibujo como lápiz, borrador, relleno tipo cubeta y selector
  • Son herramientas esenciales para crear arte de texto
  • Permite superponer imágenes sobre el lienzo para calcarlas

Funciones avanzadas

• Agrupación: organiza varios elementos en un solo grupo para simplificar la duplicación y el movimiento
• Guías: ofrece guías de alineación para ajustar contenido y tamaño sin tener que contar caracteres
• Enfoque: permite bloquear u ocultar otras figuras al concentrarse en una zona específica del lienzo
• Atajos de teclado: acceso rápido a todas las funciones mediante atajos; permite seleccionar herramientas con una sola tecla sin teclas modificadoras

Optimización para macOS

• Monodraw fue diseñado como una app nativa de macOS, optimizada para macOS desde el motor de composición de texto hasta la interfaz
  • Funciona como se espera y siempre tiene disponible la función de deshacer en caso de error
  • Se puede copiar el arte de texto al portapapeles y pegarlo directamente en un editor de texto

Versión con herramienta de línea de comandos incluida

• La versión con CLI incluida solo se ofrece si se compra directamente en https://sites.fastspring.com/helftone/product/monodraw
  • La versión de Mac App Store no incluye la CLI por restricciones de App Sandbox
• Descargas de versiones anteriores:
  • Monodraw v1.3: macOS 10.10 Yosemite o superior
  • Monodraw v1.5: macOS 10.14 Mojave o superior

Implicaciones

• Monodraw revoluciona la documentación técnica y la visualización de datos mediante visualización basada en texto, ofreciendo una herramienta eficiente para desarrolladores y diseñadores
• La integración de CLI y la optimización para macOS elevan la productividad, especialmente en automatización y entornos educativos
• Es una solución ideal para documentar proyectos de código abierto, diseñar bases de datos y crear materiales visuales educativos

[GN⁺]

Opiniones de Hacker News

• Soy el desarrollador de la app Monodraw; si tienen alguna pregunta, con gusto la respondo cuando quieran.

  • Soy un gran fan de Monodraw y lo uso con frecuencia para crear assets y animaciones ASCII para el sitio https://oxide.computer. Me gustaría que agregaran funciones de scripting para poder crear y modificar diseños con código. Sé que mi caso de uso es un poco inusual.
  • No uso la app tan seguido, pero el hecho de que sea de pago único en vez de suscripción hizo mucho más fácil decidirme a comprarla. Cada vez que necesito arte ASCII, cumple su función perfectamente. Gracias por no pasarse al modelo de suscripción.
  • Me da curiosidad saber si hubo mejoras que querías agregar durante el desarrollo pero no te dio tiempo. Soy fan de Monodraw y siempre me sorprende lo estable que es. Llevo tres años usando un solo archivo cada vez más grande como espacio temporal y dejándolo abierto todo el tiempo. Solo tuve tiempo de inactividad durante conversiones de formato de archivo.
  • El producto está realmente genial. En la comunidad de retrocomputación es bastante común crear niveles o mundos en “ASCII”. Por eso de inmediato pensé si Monodraw podría servir como editor de niveles en ese contexto. Me pregunto si considerarías introducir un modo de mapas de bits de caracteres de 8 bits, con edición del bitmap. Una función así haría que usara Monodraw activamente para desarrollar juegos retro en plataformas antiguas. Como ejemplo, hay obras como Moon Buggy usando solo caracteres ASCII simples (https://www.oric.org/software/ascii_moon_buggy-2500.html) o Scuba Dive implementado con un set de caracteres redefinido (https://www.oric.org/software/scuba_dive-89.html).
  • Apenas lo estoy probando por primera vez. Solo abrí el tutorial y ya quería dejar un comentario. Cuando intento hacer scroll vertical con el trackpad de la MacBook, siempre termina desplazándose también en horizontal sin que yo quiera, así que tengo que corregir la dirección a cada rato y es incómodo. Es especialmente molesto que el scroll funcione incluso cuando no hay ningún contenido en el canvas. Como estoy acostumbrado al bloqueo de dirección de desplazamiento del navegador, esto se siente todavía más notorio. Lo dejo anotado porque es de esas molestias que luego uno se olvida de mencionar.

• Comparto algunas herramientas basadas en navegador para dibujo ASCII
  monosketch.io, archetype (archivo), textik.com, asciiflow.com, fsymbols.com/draw

  • Tampoco se puede dejar fuera que emacs tiene artist-mode.
  • También vale la pena revisar pablodraw y alternativeto.net/software/monodraw.

• Es la herramienta más pulida de ASCII que he visto hasta ahora. Yo usaba mucho asciiflow.com y meatfighter.com/ascii-silhouettify. También los he usado para generar texto de entrada al hacer animaciones de terminal con TerminalTextEffects; pueden ver ejemplos en el astro demo gif y en el GitHub de terminaltexteffects.

  • Gracias por compartir esta información. Es una implementación muy afilada metida en un solo HTML. Se ve ligera y súper portátil.

• Compré esta app hace unos meses y ahora estoy intentando usarla más seguido para diagramas dentro de documentos. El hecho de poder exportar al portapapeles y luego volver a importar con una restauración casi perfecta de todas las figuras es una ventaja enorme.

  • ¡Me encanta hacer diagramas para documentación con Monodraw! Todos los diagramas de Oban y Oban Pro los hago así. Hay ejemplos de uso como Job Lifecycle y Composition.
  • Se ve muy interesante. Me da curiosidad dónde colocas esos diagramas. Por ejemplo, al explicar un proceso de pago con tarjeta de crédito, donde el estado cambia de forma asíncrona y ocurren múltiples callbacks de webhooks, he pensado en poner todo el flujo en comentarios del código o quizá en el encabezado de una clase. Al final siempre termino preguntándome en qué documento debería ir, y yo he empezado a sacarlo fuera del código. Me interesa saber dónde crees que conviene poner esos diagramas.
  • Hay explicaciones que son difíciles de transmitir solo con palabras, así que creo que este tipo de material visual tiene mucho valor. Por otro lado, me preocupa que si más adelante otra persona tiene que modificar estos comentarios y no conoce la herramienta, termine siendo muy molesto o directamente imposible de editar.
  • Yo también intento usarlo para documentación inline jaja. Lo usé en una entrada de mi blog (disaggregated-storage). Aunque, como era difícil soportarlo en Hugo (el generador de sitios estáticos), terminé usándolo convertido a imagen.

• Creo que esta ya debe ser como la décima publicación sobre Monodraw en HN.
  octubre de 2014, mayo de 2015, julio de 2021, julio de 2022, marzo de 2024, hace 1 año, etc. Sale seguido en HN. La conclusión es que, cada vez que llama la atención de la gente, Monodraw parece beneficiarse bastante solo por exponerse repetidamente ante la comunidad de HN.

  • Sí parece muy efectivo. Las dos veces me dieron ganas de comprarlo. Aunque sí da pena que sea solo para Mac.
  • Parece que este tipo de repetición se permite. Yo hoy supe por primera vez de Monodraw y me parece una app bastante buena.
  • ¡Gracias por el resumen! También hice una lista de un vistazo de publicaciones históricas de HN sobre Monodraw, con enlaces a la fecha y al número de comentarios de cada post.

• Es software que sin duda compraría si tuviera una Mac. El diseño está muy bien y me gusta que sea una licencia permanente de $9.99 en vez de una suscripción mensual. Pienso comprarlo aunque sea solo para apoyar una buena política.

  • En vez de elegir la opción gratis o no usarlo, este fue uno de esos casos raros en que incluso terminé comprando la licencia del software. Me decidí precisamente porque me gustó el modelo de licencia.
  • A mí me pasa algo parecido.
  • Pero me causa curiosidad que hoy en día comprar software se llame “licenciamiento”. La palabra “licencia” me suena un poco a señal de alerta. Me hace preguntarme si habrá alguna condición oculta, así que termino revisando hasta los detalles más pequeños.

• Monodraw es una app realmente infravalorada. La he usado para topologías de red, diagramas de almacenamiento e incluso para remodelar la cocina. Es mucho mejor que herramientas profesionales mucho más caras, y el ASCII art que produce tiene esa vibra hacker de la vieja escuela que se ve muchísimo mejor. La recomiendo totalmente.

• Quiero recomendar una muy buena librería de dibujo ASCII/UTF para usar en Emacs
  uniline

  • Emacs ya trae artist-mode.

• Es una app excelente para comentarios de código cuando hace falta una “explicación de 1000 palabras”. Hace poco la usé también para crear un diagrama de flujo de datos. La recomiendo por completo.

• Llevo usando esta app desde su lanzamiento. Es muy buena para diagramas en comentarios inline y, sobre todo, es lo máximo para crear banners de inicio de sesión en servidores. Hay una alegría pequeña pero real al entrar a un servidor y ver un banner y un eslogan personalizados, y eso le da algo de vida al trabajo.