TUI Studio : Outil de conception d'interface utilisateur terminal visuelle en version Alpha

TUI Studio est un outil de conception visuelle pour créer des interfaces utilisateur de terminal (TUI) via une interface d'éditeur similaire à Figma. Il permet aux concepteurs de construire des TUI visuellement plutôt que de coder manuellement les mises en page.

Fonctionnalités principales

L'outil fournit un canevas visuel où vous pouvez glisser-déposer des composants avec un aperçu ANSI en temps réel à des niveaux de zoom configurables. Il inclut plus de 20 composants TUI intégrés : Écran, Boîte, Bouton, Champ de texte, Tableau, Liste, Arbre, Onglets, Fenêtre modale, Indicateur de chargement, Barre de progression, Case à cocher, Bouton radio, Sélecteur, Interrupteur, Texte, Menu, Fil d'Ariane, Fenêtre contextuelle, Info-bulle et Espaceur.

Les options de mise en page incluent les modes Absolu, Flexbox et Grille avec un contrôle complet des propriétés similaire au CSS dans les navigateurs. Huit thèmes de couleurs sont disponibles : Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox et Sonokai, avec des mises à jour en direct du canevas lors du changement de thème.

Capacités d'exportation (Prévues)

L'outil prévoit d'exporter du code prêt pour la production vers six frameworks : Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript) et Tview (Go). Cependant, la source indique explicitement : "L'exportation de code n'est pas encore fonctionnelle. Nous y travaillons activement — revenez bientôt."

Gestion de projet

Les projets sont enregistrés sous forme de fichiers .tui JSON portables qui peuvent être ouverts depuis n'importe où, commités dans git ou partagés avec des équipes. Aucun compte ou cloud n'est requis.

Disponibilité sur les plateformes et notes d'installation

TUI Studio est disponible pour macOS (Apple Silicon M1-M4), Windows et Docker. La source fournit des instructions d'installation spécifiques :

• macOS : Gatekeeper bloque l'application avec des messages comme "TUIStudio ne peut pas être ouvert car il provient d'un développeur non identifié" ou "TUIStudio est endommagé et ne peut pas être ouvert." Pour contourner : clic droit sur le .app → Ouvrir → Ouvrir quand même, ou allez dans Paramètres système → Confidentialité et sécurité → "Ouvrir quand même."
• Windows : SmartScreen affiche "Windows a protégé votre PC." Cliquez sur Plus d'infos → Exécuter quand même.
• Linux : Pas de telle barrière. Utilisez dpkg -i TUIStudio-amd64.deb ou double-cliquez dans un gestionnaire de fichiers.

Statut actuel et tarification

TUI Studio est actuellement en version alpha avec un accès anticipé. L'éditeur principal est gratuit à télécharger et à utiliser. Un niveau pro avec des fonctionnalités d'équipe, une synchronisation cloud et un support prioritaire est prévu pour plus tard.