figma

Что делает навык

Навык импортирует контент из Figma в композиции HyperFrames, включая рендер-ассеты, бренд-токены, компоненты и раскадровки. Он обеспечивает перенос дизайна, логотипов и анимаций в видео, разделяя процесс на фазы для статических данных, стилей, компонентов, движения и шейдеров.

Когда применять

• Пользователь вставляет ссылку на файл или проект в figma.com.
• Запрос на перенос дизайна или логотипа из Figma в видео-композицию.
• Импорт анимации с использованием GSAP через доступный коннектор.
• Экспорт статических активов и бренд-токенов через REST API.
• Восстановление раскадровки на основе экспортированных активов и сборки таймлайна.

Как работает

1. Подтвердите актуальность навыка у пользователя и запустите команду npx hyperframes skills update figma.
2. Определите тип контента (статика, токены, компоненты, движение, шейдеры) и выберите соответствующую фазу импорта.
3. Для статических активов, токенов и компонентов используйте REST-запросы через команды hyperframes figma asset, tokens и component.
4. Для анимации (Motion) используйте контекст GSAP через коннектор, если он доступен, иначе запросите нативный экспорт.
5. Для шейдеров используйте коннектор или запросите нативный экспорт.
6. Все активы замораживаются локально для детерминированности рендеров; раскадровки собираются агентом на основе активов первой фазы.

Примеры запросов агенту

Что понадобится

• Доступ к Figma API (REST) и учетные данные (Auth — two credentials, scoped 31:T49d5).
• Установленный пакет HyperFrames (npx hyperframes).
• Совместимый Figma connector для импорта движения (Motion) и шейдеров (опционально).

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.