TUI Studio – ferramenta de design de UI para terminal

• Ferramenta em formato de editor semelhante ao Figma para projetar visualmente a UI de aplicações baseadas em terminal, com interface de arrastar e soltar
• Suporta mais de 20 componentes de TUI e um motor de layout semelhante a CSS, permitindo posicionar diversos elementos como Box, Button e Table com pré-visualização ANSI em tempo real
• Oferece 8 temas de cores e funções de salvar/carregar projetos, com compartilhamento entre equipes por meio de arquivos JSON .tui
• No futuro, deve oferecer suporte à exportação de código para 6 frameworks, incluindo Ink, BubbleTea, Blessed, Textual, OpenTUI e Tview (atualmente não funcional por estar em fase alfa)
• Pode ser executado em ambientes macOS, Windows e Docker, e está disponível como open source

---

Visão geral

• TUIStudio é uma ferramenta para projetar visualmente interfaces de usuário baseadas em texto (TUI) para aplicações de terminal
  • O usuário pode posicionar componentes em uma tela visual e ajustar propriedades em tempo real sem escrever código
  • Oferece um ambiente de edição semelhante ao Figma

Principais recursos

• Visual Canvas: permite posicionar elementos com arrastar e soltar e verificar o resultado com pré-visualização ANSI em tempo real
• Mais de 20 componentes: inclui Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar e outros
• Motor de layout: suporta modos Absolute, Flexbox e Grid, com controle de propriedades semelhante a CSS
• 8 temas de cores: inclui Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox e Sonokai
• Salvar/carregar projetos: salva em arquivos JSON .tui, oferecendo portabilidade e colaboração

Exportação de código (Export)

• Suporte planejado para 6 frameworks: Ink(TypeScript), BubbleTea(Go), Blessed(JavaScript), Textual(Python), OpenTUI(TypeScript), Tview(Go)
• Será possível converter uma UI criada uma vez em código para vários frameworks
• No momento, a exportação de código não funciona por estar em fase alfa

Plataformas compatíveis

• Pode ser executado em ambientes macOS, Windows e Docker
• No macOS, se a execução for bloqueada pelo alerta de segurança do Gatekeeper, é necessário seguir o processo “clique com o botão direito → abrir → Open Anyway”
• No Windows, será exibido um alerta do SmartScreen, e é possível executar com “More info → Run anyway”
• No Linux, é possível instalar sem restrições especiais (dpkg -i ou clique duplo no arquivo)

Licença e acesso

• Atualmente está em fase de acesso antecipado (early access), com os recursos centrais de edição oferecidos gratuitamente
• No futuro, a versão Pro deve adicionar recursos pagos, como funções para equipes, sincronização em nuvem e suporte prioritário
• É possível salvar localmente e compartilhar via commits no Git sem conta nem conexão com a nuvem

Como começar

• Há um app nativo para macOS com Apple Silicon (M1~M4)
• Pode ser executado imediatamente após o download, sem processo de instalação
• Versões para Windows e Docker também são fornecidas

[GN⁺]

Opiniões do Hacker News

• Seria bom se o vídeo demo na página principal tivesse reproduzir/pausar e barra de controles
  para poder pular direto para a parte desejada
  O vídeo em si está aqui
  Também fico curioso se existe uma opção para fixar elementos à esquerda/direita ao redimensionar o terminal, ou se ao estreitar a janela o texto quebra de linha ou é empurrado para fora da tela

  • No Firefox, você pode clicar com o botão direito e escolher “Show controls” para exibir a barra de controles

• Não acho que essas UIs sejam baseadas em texto
  Só porque representam conceitos 1:1 dentro de células de caracteres não significa que não sejam GUI
  A essência da UX é o que importa, e TUIs foram feitas para eficiência e poder (ex.: lazygit)
  Mas, quando você adiciona abas clicáveis com mouse, botões e caixas de seleção, na prática está aplicando UX de GUI, então isso é apenas uma TUI que parece GUI

  • Discordo fortemente. Borland TurboVision foi um dos melhores toolkits de TUI da era DOS, e já vinha com suporte a mouse, caixas de seleção, botões de opção e menus
    Veja o artigo da Wikipédia sobre Turbo Vision
  • Se usa elementos compostos por texto, então é TUI
    Qualquer interface pode ser eficiente ou ineficiente
    As pessoas gostam de TUI por causa da acessibilidade via SSH e simplicidade
  • TUI é feita de texto e funciona dentro das limitações do terminal
    GUI é baseada em gráficos com controle em nível de pixel
    O mouse e a TUI surgiram antes da GUI, e agora estão voltando por razões práticas
  • Essas UIs são claramente TUI, porque são compostas apenas de texto
    O fato de poderem ser exportadas para vários frameworks de TUI é a prova disso
  • Em exemplos como o Zellij, você consegue fazer tudo pelo teclado, mas às vezes também pode clicar nas abas com o mouse sem perder funcionalidade
    Não acho necessário forçar tanto uma distinção filosófica/linguística

• O ponto interessante é esse padrão em que as ferramentas evoluem 5–10 anos depois do problema
  A complexidade operacional já existe, mas está distribuída entre muitos atores pequenos, então o mercado para soluções estruturadas demora a se formar
  Isso não é um beco sem saída, e sim um sinal — quando surgir a primeira ferramenta alinhada ao fluxo de trabalho real, ela pode ter grande alavancagem

• Eu não quero que TUI pareça uma GUI de baixa resolução
  O charme da TUI está em abandonar a complexidade e buscar um design simples centrado em texto

  • Mas as TUIs das décadas de 1980 e 1990 realmente pareciam GUIs de baixa resolução
    Se há mouse, acho bom usá-lo para aumentar a discoverability
  • É por isso que eu não gosto de TUI
    É difícil expressar informações ou interações complexas, e também é difícil descobrir como combinar as coisas

• A ideia é interessante, mas no momento “a exportação de código não funciona”
  Ou seja, ainda não dá para realmente criar TUIs com isso

  • Ainda assim, dá para fazer o projeto de layout
    Só que ainda não chegou ao nível que eles almejam

• Mesmo ignorando as críticas, acho que esta é uma ótima ideia
  Passa uma nostalgia da era Borland. Estou curioso para ver como vai evoluir

  • Mas também não dá para ignorar críticas fundamentadas
    “Enfatizar só o lado positivo” pode acabar sendo tóxico

• Como está escrito no Readme, parece um ‘lixo feito no vibe coding’
  Não sei por que isso foi parar na página principal

  • Em breve, quase todo software vai usar assistência de IA
    Dá para fazer coisas excelentes e coisas horríveis com IA
    Essa antipatia ideológica contra IA é uma opinião mais minoritária do que parece

• Dá para sentir que o projeto é ‘vibe-coded’ só pela primeira impressão do site
  Hoje em dia todos esses sites têm um estilo visual muito parecido

  • Assim que abri a página, o ventilador do computador começou a girar
    Há animações demais, e isso é ainda pior especialmente em sites de genAI

• A geração de código ainda não funciona, então não entendo por que eu usaria isso
  Não é justamente essa a função principal do app?

  • Hoje há uma verdadeira onda de TUI
    É um fenômeno que combina estética retrô com uma espécie de ‘cultura de especialistas’ ligada à familiaridade com linha de comando
  • Parece servir apenas para mostrar um site feito com IA

• Eu gostaria muito que houvesse bem mais capturas de tela dos resultados na página principal