TOOEY : designer des interfaces de terminal dans le navigateur et les exporter en PNG ou JSON
📌 TOOEY est un outil de design TUI qui permet de composer des interfaces directement dans une grille de terminal, avec des bordures en caractères qui se raccordent automatiquement, des flex layouts et un mode multiplayer.
Le terminal sert habituellement à lancer des commandes, lire des logs ou piloter un agent. Tooey lui donne un autre rôle : celui d’une surface de composition. Vous dessinez dans une grille de caractères, vous placez des blocs et vous voyez immédiatement la structure d’une interface qui devra vivre dans un environnement texte.
L’idée est intéressante parce qu’elle part des contraintes réelles du terminal au lieu de les cacher. Une bordure ASCII n’est pas une ligne de pixels : elle doit choisir les bons glyphes aux intersections, conserver ses angles et rester lisible quand les dimensions changent. Tooey promet de raccorder automatiquement ces bordures, ce qui évite de réparer manuellement chaque coin dès qu’un panneau est déplacé.
- ⌨️ Concevoir directement sur la grille du terminal
- ┌─┐ Générer des bordures en glyphes qui se raccordent
- 🧱 Organiser les éléments avec des flex layouts
- 👥 Travailler à plusieurs sur la même interface
- 🧩 Explorer une approche par composants et sections
Je trouve le positionnement particulièrement juste pour les développeurs qui fabriquent des TUI. Dans un outil visuel classique, on simule souvent le rendu final avec des rectangles et des couleurs, puis on découvre les problèmes d’alignement au moment de revenir dans la console. Tooey réduit cet écart : ce que vous manipulez ressemble déjà à la surface d’affichage réelle.
Le support des flex layouts est un détail important. Une interface terminale doit s’adapter à des largeurs différentes, gérer des panneaux qui s’empilent et préserver une hiérarchie quand l’espace manque. Une grille statique suffit pour une maquette, mais pas pour réfléchir à une interface qui doit survivre à plusieurs tailles de fenêtre. Le multiplayer ouvre aussi une autre possibilité : discuter de la structure directement dans le même canvas plutôt que partager des captures d’écran.
La limite est aussi sa spécialisation. Tooey ne cherche pas à remplacer Figma, et son intérêt dépend entièrement de projets qui ciblent le terminal ou une esthétique ASCII. Le site est encore très court et plusieurs éléments, comme les composants, sont indiqués comme à venir. Il faut donc le voir comme un outil en construction, porté par une idée claire, pas comme une suite de design complète.
Pour les auteurs de TUI, c’est pourtant une direction rafraîchissante : dessiner dans la contrainte exacte du produit final, avec des bordures qui comprennent leur propre géométrie. Le terminal cesse d’être seulement l’endroit où l’interface s’affiche ; il devient l’endroit où elle se conçoit.
Démonstration vidéo : Tooey sur X
Sources
