KOBOYO : le canvas infini gratuit où le dessin à la main se pilote par texte et par IA
📌 KOBOYO est un canvas infini gratuit pour croquis, diagrammes et notes, avec un rendu « dessin à la main » cohérent. Un petit langage de texte compile en formes directement sur le tableau, les diagrammes Mermaid et eraser.io s’y importent d’un clic, et l’assistant IA génère des diagrammes qui se rouvrent en code éditable.
Le site se présente comme un canvas infini, et c’est littéralement ce que c’est : on double-clique n’importe où, on ajoute du texte, on trace des rectangles, des ellipses, des flèches — le tout dans un style crayonné identique à celui des 71 000 icônes dessinées à la main de KOBOYO ICONS. Le rendu est cohérent, du premier rectangle au schéma le plus complet. Pas de changement de style à mi-parcours.
L’idée la plus forte, c’est le diagram-as-code. Un panneau de code, ouvert avec ⌥D, accepte quelques lignes de texte qui compilent en un vrai diagramme posé sur le tableau. La structure du langage couvre une quinzaine de familles : architectures, flowcharts, BPMN et swimlanes, org charts, machines à états, diagrammes de séquence, schémas entité-relation, classes UML, wireframes, mind maps, infographies (timeline, journey, cycle, funnel, venn, matrice), Sankey, Gantt, git graphs et graphiques. On écrit la structure, le compilateur choisit les icônes, les couleurs, les formes et l’agencement.
Le langage est pensé pour être tolérant. Une ligne mal formée est simplement ignorée avec un diagnostic, jamais une erreur fatale : le compilateur produit toujours le meilleur diagramme possible. Les propriétés sont positionnelles — [aws/lambda, green, bold] équivaut à [icon: aws-lambda, color: green, colorMode: bold] — et l’autocomplétion est contextuelle, avec coloration syntaxique. Mermaid et eraser.io s’importent en un clic : le texte collé est converti dans le langage local, puis édité comme n’importe quel autre diagramme.
L’IA est intégrée au produit, pas greffée dessus. ⌥A ouvre l’assistant qui génère des diagrammes. La subtilité : un sérialiseur déterministe écrit le code équivalent sur le cadre généré. Résultat, un diagramme produit par l’IA se rouvre en code éditable, modifiable, et régénérable — et le round-trip est garanti par des tests, la resérialisation reproduisant le texte à l’octet près. Peu d’outils de cette catégorie peuvent en dire autant.
Autour du cœur, tout est léger. Les raccourcis sont logiques : R, O, A pour rectangle, ellipse, flèche, ⌥S pour créer des slides, ⌥D pour le panneau de code, ⌘↵ pour générer. L’export passe en PNG et SVG. L’enregistrement nécessite une connexion, mais l’usage de base est gratuit.
Mon avis est enthousiaste mais nuancé. Pour qui vit dans un outil de diagrammes, KOBOYO apporte trois vraies avancées : le rendu hand-drawn qui désamorce le côté « schéma corporate », l’import Mermaid/eraser qui abaisse le coût de migration, et surtout ce round-trip code ⇄ diagramme qui rend les schémas générés par IA réellement gouvernables. Les limites sont réelles : la navigation dans un canvas infini demande un temps d’adaptation, et l’écosystème reste jeune face à des outils mûrs comme excalidraw ou Mermaid. Mais le compromis gratuit, cohérent et pilotable par texte est déjà convaincant.
Points clés :
- 🖊️ Rendu « dessin à la main » cohérent, du croquis au schéma complet
- ⌨️ Langage de diagramme compilant du texte vers des formes (⌥D)
- 🏷️ 15 familles : flowcharts, BPMN, UML, wireframes, Gantt, Sankey, git graphs…
- 🤖 IA intégrée : diagrammes générés, puis rééditables en code
- 🔁 Round-trip code ⇄ diagramme garanti par tests
- 📥 Import Mermaid et eraser.io en un clic
- 🆓 Gratuit, export PNG/SVG, connexion pour enregistrer
