TUI Studio – 시각적 터미널 UI 디자인 도구

• 터미널 기반 애플리케이션 UI를 시각적으로 설계할 수 있는 Figma 유사 편집기 형태의 도구로, 드래그 앤 드롭 방식의 인터페이스 제공
• 20개 이상의 TUI 컴포넌트와 CSS 유사 레이아웃 엔진을 지원해, Box·Button·Table 등 다양한 구성요소를 실시간 ANSI 미리보기로 배치 가능
• 8가지 색상 테마와 프로젝트 저장·불러오기 기능을 제공하며, .tui JSON 파일로 팀 간 공유 가능
• 향후 Ink, BubbleTea, Blessed, Textual, OpenTUI, Tview 등 6개 프레임워크로 코드 내보내기 기능을 지원할 예정(현재 알파 단계로 미작동)
• macOS, Windows, Docker 환경에서 실행 가능하며, 무료로 다운로드 가능한 초기 접근 버전으로 제공

개요

• TUIStudio는 터미널 애플리케이션용 텍스트 기반 사용자 인터페이스(TUI) 를 시각적으로 설계할 수 있는 도구
  • 사용자는 코드 작성 없이 시각적 캔버스에서 컴포넌트를 배치하고 속성을 실시간으로 조정 가능
  • Figma와 유사한 편집 환경을 제공

주요 기능

• Visual Canvas: 드래그 앤 드롭으로 구성요소를 배치하고, 실시간 ANSI 미리보기를 통해 결과 확인 가능
• 20개 이상의 컴포넌트: Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar 등 포함
• 레이아웃 엔진: Absolute, Flexbox, Grid 모드를 지원하며, CSS와 유사한 속성 제어 가능
• 8가지 색상 테마: Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai 등 제공
• 프로젝트 저장/불러오기: .tui JSON 파일 형태로 저장해 이동성과 협업 지원

코드 내보내기(Export)

• 6개 프레임워크 지원 예정: Ink(TypeScript), BubbleTea(Go), Blessed(JavaScript), Textual(Python), OpenTUI(TypeScript), Tview(Go)
• 한 번 디자인한 UI를 여러 프레임워크용 코드로 변환 가능
• 현재 알파 단계로 코드 내보내기 기능은 작동하지 않음

지원 플랫폼

• macOS, Windows, Docker 환경에서 실행 가능
• macOS의 경우 Gatekeeper 보안 경고로 실행 차단 시, “오른쪽 클릭 → 열기 → Open Anyway” 절차 필요
• Windows에서는 SmartScreen 경고가 표시되며 “More info → Run anyway”로 실행 가능
• Linux에서는 별도 제약 없이 설치 가능 (dpkg -i 또는 파일 더블클릭)

라이선스 및 접근

• 현재 초기 접근(early access) 단계로, 핵심 편집 기능은 무료 제공
• 향후 Pro 버전에서 팀 기능, 클라우드 동기화, 우선 지원 등의 유료 기능 추가 예정
• 계정이나 클라우드 연결 없이 로컬 저장 및 Git 커밋 공유 가능

시작하기

• Apple Silicon(M1~M4) 기반 macOS용 네이티브 앱 제공
• 설치 과정 없이 다운로드 후 즉시 실행 가능
• Windows 및 Docker 버전도 함께 제공됨