TUI Studio: Visuelles Terminal-UI-Design-Tool in der Alpha-Phase

TUI Studio ist ein visuelles Design-Tool zum Erstellen von Terminal-Benutzeroberflächen (TUIs) über eine Figma-ähnliche Editor-Oberfläche. Es ermöglicht Designern, TUIs visuell zu erstellen, anstatt Layouts per Hand zu programmieren.

Kernfunktionen

Das Tool bietet eine visuelle Leinwand, auf der Sie Komponenten per Drag-and-Drop platzieren können, mit Echtzeit-ANSI-Vorschau bei konfigurierbaren Zoomstufen. Es enthält über 20 integrierte TUI-Komponenten: Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar, Checkbox, Radio, Select, Toggle, Text, Menu, Breadcrumb, Popover, Tooltip und Spacer.

Layout-Optionen umfassen Absolute-, Flexbox- und Grid-Modi mit vollständiger Eigenschaftskontrolle ähnlich wie CSS in Browsern. Acht Farbthemen sind verfügbar: Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox und Sonokai, mit Live-Aktualisierung der Leinwand beim Wechseln der Themen.

Export-Fähigkeiten (Geplant)

Das Tool plant den Export von produktionsreifem Code zu sechs Frameworks: Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript) und Tview (Go). Die Quelle stellt jedoch ausdrücklich klar: "Code-Export ist noch nicht funktionsfähig. Wir arbeiten aktiv daran – schauen Sie bald wieder vorbei."

Projektmanagement

Projekte werden als portable .tui-JSON-Dateien gespeichert, die von überall geöffnet, in Git eingecheckt oder mit Teams geteilt werden können. Kein Konto oder Cloud-Dienst ist erforderlich.

Plattformverfügbarkeit und Installationshinweise

TUI Studio ist verfügbar für macOS (Apple Silicon M1-M4), Windows und Docker. Die Quelle bietet spezifische Installationsanleitungen:

• macOS: Gatekeeper blockiert die App mit Meldungen wie "TUIStudio kann nicht geöffnet werden, weil der Entwickler nicht verifiziert ist" oder "TUIStudio ist beschädigt und kann nicht geöffnet werden." Umgehung: Rechtsklick auf die .app → Öffnen → Trotzdem öffnen, oder zu Systemeinstellungen → Datenschutz & Sicherheit → "Trotzdem öffnen" gehen.
• Windows: SmartScreen zeigt "Windows hat Ihren PC geschützt." Klicken Sie auf Weitere Informationen → Trotzdem ausführen.
• Linux: Keine solche Sperre. Verwenden Sie dpkg -i TUIStudio-amd64.deb oder Doppelklick im Dateimanager.

Aktueller Status und Preisgestaltung

TUI Studio befindet sich derzeit in der Alpha-Phase mit frühem Zugang. Der Kern-Editor ist kostenlos zum Herunterladen und Nutzen. Eine Pro-Version mit Team-Funktionen, Cloud-Synchronisierung und Prioritäts-Support ist für später geplant.