MonoSketch – ASCII-basiertes Tool zur Diagrammerstellung

 (monosketch.io)
17 Punkte von GN⁺ 2026-02-14 | 1 Kommentare | Auf WhatsApp teilen
  • Eine clientseitige Webanwendung, mit der sich Ideen allein mit Text in visuelle Entwürfe umwandeln lassen
  • Open Source, in Kotlin geschrieben und anschließend zu JS kompiliert. Verwendet SASS/Tailwind
  • Komplexe Strukturen oder Systemdiagramme lassen sich durch die Kombination von grundlegenden Formblöcken wie Rechtecken, Linien und Textboxen darstellen
  • Über Formatierungsfunktionen lassen sich einfache ASCII-Zeichen in visuelle Elemente mit verschiedenen Stilen umwandeln
  • Ein Tool, das die Erstellung von Präsentationen und visuelle Erklärungen auch ohne PowerPoint oder Google Slides ermöglicht

Überblick

  • MonoSketch ist eine App zum Erstellen von ASCII-Skizzen und -Diagrammen, mit der sich Ideen visuell ausdrücken lassen
    • Über eine textbasierte Oberfläche lassen sich komplexe Schaltpläne, Systemstrukturen, Netzwerkflüsse usw. aus ASCII-Zeichen aufbauen
    • Unter dem Slogan „Unleash your ideas with ASCII“ ermöglicht das Tool visuelle Entwürfe selbst mit einfachem Text

Grundlegende Komponenten

  • Bietet grundlegende Zeichenfunktionen wie Rectangle, Line, Text box
    • Unterstützt verschiedene Rahmenstile, Füllzeichen und Pfeildekorationen
    • Abgerundete Ecken verbessern die visuelle Ausarbeitung
  • Interaktive Umgebung mit Fokus auf Bearbeitungsfunktionen
    • Unendliche Canvas mit freiem Scrollen sowie Zoom-Unterstützung
    • Bietet automatisches Speichern und Verwaltung mehrerer Projekte
    • Unterstützt Standard-Bearbeitungsbefehle wie Kopieren, Ausschneiden, Einfügen und Duplizieren
    • Präzise Ausrichtung von Formen durch Layer-Verwaltung und Smart Snapping
    • Unterstützt Dark Mode
  • Exportfunktionen
    • Ausgewählte Bereiche oder das gesamte Diagramm lassen sich sofort als Text kopieren
    • Tastenkürzel: macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
  • Geplante Roadmap
    • Gruppierungsfunktionen zur Verwaltung komplexer Formstrukturen
    • Paint-Tool für freie Kurven und zeichenbasiertes Zeichnen
    • Geplante Erweiterung von Kollaborationsfunktionen wie GitHub-Gist-Sharing und Laden per URL

Anwendung und UI

  • Über app.monosketch.io im Web nutzbar
    • Enthält Mockups, in denen UI-Elemente wie Suchfeld, Buttons, Workspace und Panels in ASCII dargestellt sind
    • Auch Login-Bildschirm und Registrierungsformular werden in ASCII visualisiert
  • Mit der Präsentationserstellung lassen sich Vortragsunterlagen auch ohne PowerPoint oder Google Slides zusammenstellen

Tech-Stack und Lizenz

  • Gesamte Anwendung auf Basis von Kotlin/JS implementiert (in Kotlin entwickelt und anschließend zu JS kompiliert)
  • Styling mit SASS und Tailwind CSS
  • Verwendet das Build-System Gradle (Hot-Reload-Entwicklungsmodus wird unterstützt)
  • Alternative Entwicklungsserver-Option über Python 3.11+ und Pipenv
  • Open Source unter der Apache License 2.0

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2026-02-14
Hacker-News-Kommentare

  • Ich benutze Monodraw
    Es war bisher einer meiner zufriedenstellendsten Käufe

    • Ich nutze Monodraw auch, aber es gibt eine Sache, die mich stört
      Es gibt immer noch keine Möglichkeit, das Textbearbeitungs-Popup mit der ESC-Taste zu schließen
      Ich drücke jedes Mal ESC, aber es passiert nichts, was ziemlich frustrierend ist
      Ich wollte die Binärdatei selbst patchen, habe es dann aber aufgegeben, weil dadurch der Update-Mechanismus kaputtging
    • Nachdem ich von Mac zu Windows gewechselt bin, war Monodraw die App, die ich am meisten vermisst habe
      Aber dieses neu erschienene Tool sieht nach einem ziemlich guten Ersatz aus, daher will ich es unbedingt ausprobieren
    • Es war wirklich praktisch, fig mit Kästen, Schatten usw. zu kombinieren, wenn man Diagramme oder Kritzeleien erstellt oder Header von Konfigurationsdateien gestaltet
    • Auch nachdem ich den Mac aufgegeben habe, ist es immer noch eine der Apps, die ich vermisse
    • Früher mochte ich Monodraw auf dem Mac wirklich sehr
      Jetzt nutze ich Linux als Hauptsystem und suchte nach einer Alternative, und dieses Tool hier scheint von allem, was ich bisher gesehen habe, die nächstliegende Alternative zu sein

  • Ähnliche Tools sind TextPaint, Archetype (Archiv), Textik, Asciiflow, Fsymbols Draw usw.

    • Und man sollte auch JavE nicht vergessen

  • Der Schaltplan im Header ist so schlampig, dass er wie ein von einer KI falsch generierter Schaltplan aussieht
    Die Symbole sind stilistisch inkonsistent, es gibt keine Pin-Beschriftungen, und der Kondensator oben links ist kurzgeschlossen

    • Das Problem ist nicht nur, dass Fachleute solche Fehler sofort erkennen, sondern dass Anfänger sie falsch lernen
      Wenn man so lernt, wachsen die Fachleute der Zukunft auf einer falschen Grundlage auf
    • Dass der Kondensator kurzgeschlossen ist, habe ich gar nicht bemerkt, aber ich war stattdessen erstaunt, dass die kurze Leitung (normalerweise der Minuspol) mit „+“ markiert und direkt mit GND verbunden wurde

  • Ich möchte allen, die das Wort „ASCII“ verwenden, etwas sagen
    Monosketch verwendet in Wirklichkeit nicht nur ASCII
    Es benutzt zum Beispiel Unicode-Zeichen wie „◎“ (U+25CE)

    • Trotzdem steht auf der Landingpage in riesigen Buchstaben „Unleash your ideas with ASCII“, was ich etwas lustig fand :-)
    • Historisch gesehen wurden Linien- und Box-Zeichen in der Zeit des IBM PC mit Code page 437 hinzugefügt, sie sind also kein echtes ASCII
      Um Kästen mit echtem ASCII zu zeichnen, darf man nur | und - verwenden

  • Wenn man Emacs benutzt, ist das uniline-Paket ziemlich nützlich

  • Auch Markdeep kann Diagramme als ASCII-Art zeichnen
    Es ist ein ziemlich ausgereiftes Tool

  • Ich würde empfehlen, in HTML das Attribut spellcheck auf false zu setzen
    Sonst bekommen Labels wie „GND“ oder „uF“ überall rote Wellenlinien, was unangenehm aussieht

  • Graph-Easy erzeugt standardmäßig ASCII, unterstützt aber auch verschiedene Ausgabeformate wie Box-Zeichen, SVG, PNG usw.
    Es ist nicht WYSIWYG, sondern funktioniert so, dass man das Diagramm als Text beschreibt und daraus das Ergebnis erzeugt wird

  • Ich habe gerade mit diesem Tool ein paar einfache Diagramme erstellt, und es war leicht zu benutzen, außerdem war die Exportqualität gut
    Es gibt aber ein paar Dinge, die verbessert werden könnten

    1. Beim Verschieben kleiner Rechtecke wäre klareres UI-Feedback hilfreich, damit man sie verschiebt statt hineinzuzoomen
    2. Wenn Monosketch in einem anderen Tab geöffnet ist, kann man nicht gleichzeitig ein neues Diagramm erstellen — offenbar wird der Kontext zwischen den Tabs geteilt

  • Als native App für macOS gibt es auch Monodraw

    • Monodraw ist derzeit jedoch im Wartungsmodus und kostenpflichtig
      Dem Namen nach scheint Monosketch der offensichtliche Ersatz dafür zu sein