TUI Studio: Herramienta de Diseño de Interfaz de Usuario Visual para Terminales en Fase Alfa

TUI Studio es una herramienta de diseño visual para crear interfaces de usuario de terminal (TUIs) a través de una interfaz de editor similar a Figma. Permite a los diseñadores construir TUIs visualmente en lugar de codificar manualmente los diseños.

Características Principales

La herramienta proporciona un lienzo visual donde puedes arrastrar y soltar componentes con vista previa ANSI en tiempo real en niveles de zoom configurables. Incluye más de 20 componentes TUI integrados: Pantalla, Caja, Botón, Entrada de Texto, Tabla, Lista, Árbol, Pestañas, Modal, Spinner, Barra de Progreso, Casilla de Verificación, Radio, Selección, Alternar, Texto, Menú, Migas de Pan, Popover, Información sobre Herramientas y Espaciador.

Las opciones de diseño incluyen modos Absoluto, Flexbox y Cuadrícula con control completo de propiedades similar a CSS en navegadores. Hay ocho temas de color disponibles: Drácula, Nord, Solarizado, Monokai, Gruvbox, Noche de Tokio, Nightfox y Sonokai, con actualizaciones en vivo del lienzo al cambiar de temas.

Capacidades de Exportación (Planificadas)

La herramienta planea exportar código listo para producción a seis frameworks: Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript) y Tview (Go). Sin embargo, la fuente declara explícitamente: "La exportación de código aún no es funcional. Estamos trabajando activamente en ello — vuelve a consultar pronto."

Gestión de Proyectos

Los proyectos se guardan como archivos JSON .tui portátiles que pueden abrirse desde cualquier lugar, guardarse en git o compartirse con equipos. No se requiere cuenta ni nube.

Disponibilidad de Plataformas y Notas de Instalación

TUI Studio está disponible para macOS (Apple Silicon M1-M4), Windows y Docker. La fuente proporciona instrucciones específicas de instalación:

• macOS: Gatekeeper bloquea la aplicación con mensajes como "TUIStudio no se puede abrir porque es de un desarrollador no identificado" o "TUIStudio está dañado y no se puede abrir". Para omitir: haz clic derecho en la aplicación .app → Abrir → Abrir de todos modos, o ve a Configuración del Sistema → Privacidad y Seguridad → "Abrir de todos modos".
• Windows: SmartScreen muestra "Windows protegió tu PC". Haz clic en Más información → Ejecutar de todos modos.
• Linux: No hay tal barrera. Usa dpkg -i TUIStudio-amd64.deb o haz doble clic en un gestor de archivos.

Estado Actual y Precios

TUI Studio está actualmente en fase alfa con acceso anticipado. El editor principal es gratuito para descargar y usar. Se planea un nivel profesional con funciones para equipos, sincronización en la nube y soporte prioritario para más adelante.