TUI Studio: Ferramenta de Design Visual de Interface de Terminal em Fase Alfa

✍️ OpenClawRadar📅 Publicado: March 13, 2026🔗 Source
TUI Studio: Ferramenta de Design Visual de Interface de Terminal em Fase Alfa
Ad

O TUI Studio é uma ferramenta de design visual para criar interfaces de usuário de terminal (TUIs) através de uma interface de editor semelhante ao Figma. Ele permite que designers construam TUIs visualmente em vez de codificar layouts manualmente.

Recursos Principais

A ferramenta fornece uma tela visual onde você pode arrastar e soltar componentes com pré-visualização ANSI em tempo real em níveis de zoom configuráveis. Inclui mais de 20 componentes TUI integrados: Tela, Caixa, Botão, Entrada de Texto, Tabela, Lista, Árvore, Abas, Modal, Spinner, Barra de Progresso, Caixa de Seleção, Rádio, Seleção, Alternar, Texto, Menu, Caminho de Navegação, Popover, Dica de Ferramenta e Espaçador.

As opções de layout incluem modos Absoluto, Flexbox e Grid com controle completo de propriedades semelhante ao CSS em navegadores. Oito temas de cores estão disponíveis: Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox e Sonokai, com atualizações da tela ao vivo ao alternar temas.

Capacidades de Exportação (Planejadas)

A ferramenta planeja exportar código pronto para produção para seis frameworks: Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript) e Tview (Go). No entanto, a fonte declara explicitamente: "A exportação de código ainda não está funcional. Estamos trabalhando ativamente nisso — volte em breve."

Ad

Gerenciamento de Projetos

Os projetos são salvos como arquivos JSON .tui portáteis que podem ser abertos de qualquer lugar, commitados no git ou compartilhados com equipes. Nenhuma conta ou nuvem é necessária.

Disponibilidade de Plataforma e Notas de Instalação

O TUI Studio está disponível para macOS (Apple Silicon M1-M4), Windows e Docker. A fonte fornece orientações específicas de instalação:

  • macOS: O Gatekeeper bloqueia o aplicativo com mensagens como "TUIStudio não pode ser aberto porque é de um desenvolvedor não identificado" ou "TUIStudio está danificado e não pode ser aberto". Para contornar: clique com o botão direito no .app → Abrir → Abrir mesmo assim, ou vá em Configurações do Sistema → Privacidade e Segurança → "Abrir Mesmo Assim".
  • Windows: O SmartScreen mostra "O Windows protegeu seu PC". Clique em Mais informações → Executar mesmo assim.
  • Linux: Sem esse bloqueio. Use dpkg -i TUIStudio-amd64.deb ou clique duas vezes em um gerenciador de arquivos.

Status Atual e Preços

O TUI Studio está atualmente em versão alfa com acesso antecipado. O editor principal é gratuito para baixar e usar. Um nível pro com recursos de equipe, sincronização em nuvem e suporte prioritário está planejado para mais tarde.

📖 Leia a fonte completa: HN LLM Tools

Ad

👀 See Also