TUI Studio: Визуальный инструмент для проектирования пользовательского интерфейса терминала (альфа-версия)

TUI Studio — это визуальный инструмент для создания пользовательских интерфейсов терминала (TUI) через интерфейс редактора, похожий на Figma. Он позволяет дизайнерам создавать TUI визуально, а не верстать макеты вручную.

Основные возможности

Инструмент предоставляет визуальный холст, на котором можно перетаскивать компоненты с предпросмотром ANSI в реальном времени на настраиваемых уровнях масштабирования. Он включает более 20 встроенных компонентов TUI: Экран, Блок, Кнопка, Текстовое поле, Таблица, Список, Дерево, Вкладки, Модальное окно, Спиннер, Индикатор выполнения, Флажок, Переключатель, Выпадающий список, Переключатель, Текст, Меню, Навигационная цепочка, Всплывающее окно, Подсказка и Разделитель.

Варианты макета включают режимы Абсолютный, Flexbox и Сетка с полным контролем свойств, аналогично CSS в браузерах. Доступно восемь цветовых тем: Dracula, Nord, Solarized, Monokai, Gruvbox, Tokyo Night, Nightfox и Sonokai, с обновлением холста в реальном времени при переключении тем.

Возможности экспорта (запланированы)

Инструмент планирует экспортировать готовый к использованию код в шесть фреймворков: Ink (TypeScript/React), BubbleTea (Go), Blessed (JavaScript/Node.js), Textual (Python), OpenTUI (TypeScript) и Tview (Go). Однако в источнике прямо указано: «Экспорт кода пока не работает. Мы активно над этим работаем — заходите позже».

Управление проектами

Проекты сохраняются в виде переносимых JSON-файлов .tui, которые можно открывать откуда угодно, коммитить в git или делиться с командами. Учетная запись или облако не требуются.

Доступность платформ и примечания по установке

TUI Studio доступен для macOS (Apple Silicon M1-M4), Windows и Docker. В источнике даны конкретные инструкции по установке:

• macOS: Gatekeeper блокирует приложение с сообщениями вроде «TUIStudio не может быть открыт, так как разработчик не идентифицирован» или «TUIStudio поврежден и не может быть открыт». Чтобы обойти: щелкните правой кнопкой мыши по .app → Открыть → Все равно открыть или перейдите в Системные настройки → Конфиденциальность и безопасность → «Все равно открыть».
• Windows: SmartScreen показывает «Windows защитила ваш компьютер». Нажмите Подробнее → Все равно запустить.
• Linux: Таких ограничений нет. Используйте dpkg -i TUIStudio-amd64.deb или дважды щелкните в файловом менеджере.

Текущий статус и цены

TUI Studio в настоящее время находится в альфа-версии с ранним доступом. Основной редактор можно бесплатно скачать и использовать. Планируется выпуск профессионального уровня с функциями для команд, облачной синхронизацией и приоритетной поддержкой.