MonoSketch - Herramienta para crear diagramas basados en ASCII

 (monosketch.io)
17 puntos por GN⁺ 2026-02-14 | 1 comentarios | Compartir por WhatsApp
  • Aplicación web solo del lado del cliente que permite convertir ideas en diseños visuales usando solo texto
  • Proyecto de código abierto escrito en Kotlin y luego compilado a JS. Usa SASS/Tailwind
  • Permite representar estructuras complejas o diagramas de sistemas combinando bloques de formas básicas como rectángulos, líneas y cuadros de texto
  • Mediante funciones de formato, convierte caracteres ASCII simples en elementos visuales de distintos estilos
  • Herramienta que hace posible la creación de presentaciones y explicaciones visuales sin necesidad de PowerPoint o Google Slides

Resumen

  • MonoSketch es una app para crear bocetos y diagramas ASCII, una herramienta para expresar ideas de forma visual
    • A través de una interfaz basada en texto, permite construir con caracteres ASCII diagramas complejos de circuitos, estructuras de sistemas, flujos de red y más
    • Bajo el lema “Unleash your ideas with ASCII”, hace posible el diseño visual incluso con texto simple

Componentes básicos

  • Ofrece funciones básicas de dibujo como Rectangle, Line, Text box
    • Soporta diversos estilos de borde, caracteres de relleno y decoraciones de flechas
    • Mejora el acabado visual con esquinas redondeadas
  • Entorno interactivo centrado en las funciones de edición
    • Lienzo infinito con soporte para desplazamiento libre y zoom
    • Incluye guardado automático y gestión de múltiples proyectos
    • Soporta comandos de edición estándar como copiar, cortar, pegar y duplicar
    • Permite una alineación precisa de formas con gestión de capas y ajuste inteligente
    • Soporta modo oscuro
  • Funciones de exportación
    • Permite copiar al instante como texto una selección o el diagrama completo
    • Soporte de atajos: macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
  • Hoja de ruta futura
    • Función de agrupación para administrar formas en estructuras complejas
    • Herramienta de pintura para curvas libres y dibujo basado en caracteres
    • Está previsto ampliar las funciones de colaboración con opciones como compartir en GitHub Gist y cargar desde URL

Aplicación e interfaz

  • Disponible en la web a través de app.monosketch.io
    • Incluye mockups donde elementos de UI como barra de búsqueda, botones, espacio de trabajo y paneles se representan en ASCII
    • También visualiza en formato ASCII pantallas de inicio de sesión y formularios de registro
  • La función de creación de presentaciones permite preparar material para exponer sin PowerPoint ni Google Slides

Stack tecnológico y licencia

  • Toda la aplicación está implementada sobre Kotlin/JS (desarrollada en Kotlin y luego compilada a JS)
  • Estilizado con SASS y Tailwind CSS
  • Usa el sistema de compilación Gradle (con soporte para modo de desarrollo con hot reload)
  • Ofrece una opción alternativa de servidor de desarrollo mediante Python 3.11+ y Pipenv
  • Código abierto bajo Apache License 2.0

Lecturas relacionadas

1 comentarios

 
GN⁺ 2026-02-14
Comentarios en Hacker News

  • Estoy usando Monodraw
    Ha sido una de las compras que más me ha satisfecho hasta ahora

    • Yo también uso Monodraw, pero hay una cosa que me molesta
      Todavía no tiene la función de cerrar la ventana emergente de edición de texto con la tecla ESC
      Siempre termino presionando ESC, pero no responde, y eso desespera
      Intenté parchear el binario yo mismo, pero como se rompió el mecanismo de actualización, lo dejé por la paz
    • Después de pasarme de Mac a Windows, la app que más extrañé fue Monodraw
      Pero esta nueva herramienta sí se ve como un buen reemplazo, así que definitivamente pienso probarla
    • Era muy práctico combinar fig con cajas, sombras y demás para hacer diagramas, garabatos o decorar encabezados de archivos de configuración
    • Incluso después de dejar Mac, sigue siendo una de las apps que más extraño
    • Antes me encantaba Monodraw en Mac
      Ahora uso Linux como sistema principal y estaba buscando una alternativa; esta herramienta que acabo de ver parece ser la opción más cercana que he encontrado hasta ahora

  • Entre las herramientas similares están TextPaint, Archetype (archivo), Textik, Asciiflow, Fsymbols Draw y otras

    • Y tampoco hay que olvidarse de JavE

  • El diagrama de circuito del encabezado está tan mal hecho que parece un circuito generado incorrectamente por IA
    El estilo de los símbolos es inconsistente, no tiene etiquetas en los pines, y el capacitor de la esquina superior izquierda está en cortocircuito

    • El problema no es que los expertos detecten estos errores de inmediato, sino que los principiantes aprenden mal
      Si aprenden así, los expertos del futuro crecerán sobre una base equivocada
    • Yo no había notado lo del capacitor en corto; más bien me sorprendió ver que marcaran la línea corta (normalmente el negativo) con un “+” y la conectaran directamente a GND

  • Quiero decirles algo a quienes usan la palabra ‘ASCII’
    En realidad, Monosketch no usa solo ASCII
    Por ejemplo, usa caracteres Unicode como “◎” (U+25CE)

    • Aun así, me dio risa que en la landing page diga en letras grandes “Unleash your ideas with ASCII” :-)
    • Históricamente, los caracteres para líneas y cajas se agregaron en el Code page 437 de la era de la IBM PC, así que no son ASCII de verdad
      Si quieres dibujar cajas con ASCII auténtico, solo deberías usar | y -

  • Si usas Emacs, el paquete uniline es bastante útil

  • Markdeep también permite dibujar diagramas con arte ASCII
    Es una herramienta bastante pulida

  • Recomiendo poner el atributo spellcheck en false en HTML
    Si no, etiquetas como “GND” o “uF” aparecen con subrayado rojo y se ve incómodo

  • Graph-Easy genera ASCII por defecto, pero también soporta varios formatos de salida como caracteres de caja, SVG y PNG
    No funciona de forma WYSIWYG; la idea es describir el diagrama en texto y luego generar el resultado

  • Acabo de hacer unos diagramas simples con esta herramienta, y fue fácil de usar; además, la calidad de exportación fue buena
    Aun así, hay cosas que podrían mejorar

    1. Al mover rectángulos pequeños, me gustaría que el feedback de la UI dejara más claro cuándo se van a mover en vez de hacer zoom
    2. Si abres Monosketch en otra pestaña, no puedes crear un diagrama nuevo al mismo tiempo — parece que el contexto se comparte entre pestañas

  • También existe Monodraw como app nativa para macOS

    • Pero Monodraw está actualmente en modo de mantenimiento y es de pago
      Por el nombre, Monosketch parece ser su reemplazo evidente