TD Figma
TD_Figma загружает макеты Figma в TouchDesigner через Figma REST API.
Мост между дизайн-прототипами и интерактивными системами: навигация по экранам и состояниям компонентов, извлечение текста, изображений и данных вёрстки из нод, экспорт JSON-структур для использования в сетях TouchDesigner.
Возможности
- Загрузка файлов Figma — документ подтягивается в TouchDesigner напрямую по REST API, без ручного экспорта.
- Навигация по экранам и состояниям — обход фреймов, страниц и состояний компонентов дизайн-прототипа.
- Извлечение данных нод — текст, изображения, позиции, размеры и структура вёрстки из любой ноды Figma.
- Экспорт JSON — данные дизайна в виде структурированного JSON, готового управлять вёрсткой, интерфейсом или генеративными системами в сети TouchDesigner.
Как это работает
Компонент запрашивает файл Figma через REST API с персональным токеном доступа и ключом файла. Дерево документа разбирается на Python внутри TouchDesigner: фреймы, компоненты, текстовые и графические ноды превращаются в структурированные данные, которые можно направить в TOP, CHOP и DAT — макет, сделанный в Figma, напрямую определяет то, что появляется на экране.
Требования
- TouchDesigner с поддержкой Python
- Аккаунт Figma и персональный токен доступа для REST API
- Ключ файла Figma, который нужно загрузить
Шаги установки и готовый компонент — в репозитории GitHub.
Применение
- Интерфейсы для инсталляций — экраны интерфейса рисуются в Figma, рендерятся и анимируются в TouchDesigner.
- Визуал на основе дизайна — вёрстка, цвета и типографика из файла Figma как входные данные для генеративной графики.
- Быстрое прототипирование — итерации над дизайном экранов в Figma, при этом проект TouchDesigner обновляется из того же источника.