TUI 스튜디오 알파: 드래그 앤 드롭 터미널 UI 디자인 도구

TUI Studio는 피그마(Figma)와 유사한 편집기 인터페이스를 통해 터미널 사용자 인터페이스(TUI)를 생성하는 시각적 디자인 도구입니다. 레이아웃을 직접 코딩하지 않고 시각적으로 TUI를 구축할 수 있도록 해줍니다.

핵심 기능

이 도구는 구성 가능한 확대/축소 수준에서 실시간 ANSI 미리보기와 함께 컴포넌트를 드래그 앤 드롭할 수 있는 시각적 캔버스를 제공합니다. 20개 이상의 내장 TUI 컴포넌트를 포함합니다: Screen, Box, Button, TextInput, Table, List, Tree, Tabs, Modal, Spinner, ProgressBar, Checkbox, Radio, Select, Toggle, Text, Menu, Breadcrumb, Popover, Tooltip, Spacer.

레이아웃 옵션에는 브라우저의 CSS와 유사한 완전한 속성 제어가 가능한 Absolute, Flexbox, Grid 모드가 포함됩니다. Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox, Sonokai 등 8가지 색상 테마를 사용할 수 있으며, 테마 전환 시 캔버스가 실시간으로 업데이트됩니다.

내보내기 기능 (계획 중)

이 도구는 여섯 가지 프레임워크로 프로덕션 준비 코드를 내보낼 계획입니다: Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript), Tview (Go). 그러나 소스에서는 명시적으로 "코드 내보내기는 아직 기능하지 않습니다. 적극적으로 작업 중이니 곧 다시 확인해 주세요."라고 언급하고 있습니다.

프로젝트 관리

프로젝트는 어디서나 열 수 있고, git에 커밋하거나 팀과 공유할 수 있는 휴대용 .tui JSON 파일로 저장됩니다. 계정이나 클라우드가 필요하지 않습니다.

플랫폼 가용성 및 설치 참고사항

TUI Studio는 macOS (Apple Silicon M1-M4), Windows, Docker에서 사용 가능합니다. 소스는 구체적인 설치 지침을 제공합니다:

macOS: Gatekeeper가 "TUIStudio는 확인되지 않은 개발자로부터 왔기 때문에 열 수 없습니다" 또는 "TUIStudio가 손상되어 열 수 없습니다"와 같은 메시지로 앱을 차단합니다. 우회 방법: .app 파일을 마우스 오른쪽 버튼으로 클릭 → 열기 → 어쨌든 열기, 또는 시스템 설정 → 개인정보 보호 및 보안 → "어쨌든 열기"로 이동합니다.
Windows: SmartScreen이 "Windows가 PC를 보호했습니다"를 표시합니다. 자세한 정보 → 어쨌든 실행을 클릭합니다.
Linux: 그런 게이트가 없습니다. dpkg -i TUIStudio-amd64.deb를 사용하거나 파일 관리자에서 더블 클릭합니다.