MonoSketch - Outil de création de diagrammes basé sur l’ASCII

 (monosketch.io)
17 points par GN⁺ 2026-02-14 | 1 commentaires | Partager sur WhatsApp
  • Application web 100 % client qui permet de transformer des idées en conceptions visuelles à partir de simple texte
  • Projet open source écrit en Kotlin puis compilé en JS. Utilise SASS/Tailwind
  • Permet de représenter des structures complexes ou des diagrammes système en combinant des blocs de formes de base comme des rectangles, des lignes et des zones de texte
  • Grâce à ses fonctions de mise en forme, transforme de simples caractères ASCII en éléments visuels de styles variés
  • Outil qui permet de créer des présentations et des explications visuelles sans PowerPoint ni Google Slides

Aperçu

  • MonoSketch est une application de croquis et de création de diagrammes en ASCII permettant d’exprimer visuellement des idées
    • Via une interface basée sur le texte, il permet de composer en caractères ASCII des schémas complexes, des architectures système, des flux réseau, etc.
    • Sous le slogan « Unleash your ideas with ASCII », il rend possible la conception visuelle avec du texte simple

Composants de base

  • Fournit des fonctions de dessin de base comme Rectangle, Line, Text box
    • Prend en charge divers styles de bordure, caractères de remplissage et ornements de flèche
    • Les coins arrondis améliorent le rendu visuel
  • Environnement interactif centré sur les fonctions d’édition
    • Canvas infini avec défilement libre et zoom
    • Fournit la sauvegarde automatique et la gestion de plusieurs projets
    • Prend en charge les commandes d’édition standard comme copier, couper, coller et dupliquer
    • Gestion des calques et smart snapping pour un alignement précis des formes
    • Prise en charge du mode sombre
  • Fonctions d’export
    • Copie instantanément en texte une zone sélectionnée ou l’intégralité du diagramme
    • Raccourcis pris en charge : macOS Cmd + Shift + C, Windows/Linux Ctrl + Shift + C
  • Feuille de route
    • Fonction de groupement pour gérer les formes dans des structures complexes
    • Outil de peinture pour les courbes libres et le dessin à base de caractères
    • Extension prévue des fonctions collaboratives comme le partage via GitHub Gist et le chargement par URL

Application et UI

  • Disponible sur le web via app.monosketch.io
    • Inclut des maquettes où des éléments d’interface comme la barre de recherche, les boutons, l’espace de travail et les panneaux sont représentés en ASCII
    • L’écran de connexion et le formulaire d’inscription sont également visualisés sous forme ASCII
  • La création de présentations permet aussi de composer des supports sans PowerPoint ni Google Slides

Stack technique et licence

  • Application entièrement développée en Kotlin/JS (développée en Kotlin puis compilée en JS)
  • Stylisée avec SASS et Tailwind CSS
  • Utilise le système de build Gradle (avec prise en charge du mode de développement hot reload)
  • Propose aussi une option de serveur de développement alternatif via Python 3.11+ et Pipenv
  • Open source sous Apache License 2.0

À lire aussi

1 commentaires

 
GN⁺ 2026-02-14
Avis sur Hacker News

  • J’utilise Monodraw
    C’était de loin l’achat le plus satisfaisant que j’ai fait jusqu’ici

    • J’utilise aussi Monodraw, mais il y a un point frustrant
      il n’y a toujours pas de fonction pour fermer la fenêtre popup d’édition de texte avec la touche ESC
      À chaque fois, j’appuie sur ESC, mais rien ne se passe, et c’est pénible
      J’ai essayé de patcher le binaire moi-même, mais ça cassait le mécanisme de mise à jour, donc j’ai laissé tomber
    • Monodraw a été l’application qui m’a le plus manqué après être passé de Mac à Windows
      Mais ce nouvel outil a l’air d’être un bon substitut, donc je compte vraiment l’essayer
    • C’était vraiment pratique de combiner fig, des boîtes, des ombres, etc. pour faire des schémas, des gribouillis ou décorer des en-têtes de fichiers de configuration
    • Même après avoir abandonné le Mac, ça reste l’une des applications qui me manquent
    • J’adorais vraiment Monodraw sur Mac à l’époque
      Maintenant, j’utilise Linux comme système principal et je cherchais une alternative ; l’outil présenté ici me semble être l’option la plus proche que j’aie vue jusqu’à présent

  • Parmi les outils similaires, il y a TextPaint, Archetype (archive), Textik, Asciiflow, Fsymbols Draw

    • Et il ne faut pas oublier JavE non plus

  • Le schéma électronique dans l’en-tête est tellement bâclé qu’on dirait un circuit généré incorrectement par une IA
    Le style des symboles n’est pas cohérent, il n’y a pas de labels sur les broches, et le condensateur en haut à gauche est en court-circuit

    • Le vrai problème, ce n’est pas que les experts repèrent immédiatement ces erreurs, mais que les débutants apprennent quelque chose de faux
      S’ils apprennent dans cet état, les experts de demain grandiront sur de mauvaises bases
    • Je n’avais pas remarqué le condensateur en court-circuit, mais j’ai plutôt été surpris de voir la petite patte — généralement la borne négative — marquée « + » et reliée directement à la masse

  • Un mot pour ceux qui utilisent le terme « ASCII »
    Monosketch n’utilise en réalité pas uniquement de l’ASCII
    Par exemple, il utilise des caractères Unicode comme « ◎ » (U+25CE)

    • Cela dit, voir « Unleash your ideas with ASCII » écrit en énorme sur la landing page m’a fait sourire :-)
    • Historiquement, les caractères de lignes et de boîtes ont été ajoutés dans le Code page 437 à l’époque de l’IBM PC, et ne font pas partie du véritable ASCII
      Pour dessiner des boîtes en ASCII au sens strict, il faut se limiter à | et -

  • Si vous utilisez Emacs, le package uniline est assez utile

  • Markdeep permet aussi de dessiner des diagrammes en ASCII art
    C’est un outil très abouti

  • Je recommande de définir l’attribut HTML spellcheck à false
    Sinon, chaque label comme « GND » ou « uF » se retrouve avec un soulignement rouge, ce qui est désagréable à voir

  • Graph-Easy génère de l’ASCII par défaut, mais prend aussi en charge les caractères de boîte, SVG, PNG et d’autres formats de sortie
    Ce n’est pas du WYSIWYG ; on décrit le diagramme sous forme de texte, puis l’outil génère le résultat

  • Je viens de créer rapidement quelques petits diagrammes avec cet outil, et c’était facile à utiliser, avec une qualité d’export satisfaisante
    Cela dit, il y a quelques points qui gagneraient à être améliorés

    1. Lorsqu’on déplace un petit rectangle, j’aimerais que le retour visuel de l’interface soit plus clair pour indiquer qu’on le déplace plutôt que de zoomer
    2. Si on ouvre Monosketch dans un autre onglet, il est impossible de créer un nouveau diagramme en parallèle — on dirait que le contexte est partagé entre les onglets

  • Il existe aussi Monodraw comme application native pour macOS

    • Mais Monodraw est actuellement en mode maintenance et payant
      Vu le nom, Monosketch semble être son remplaçant évident