figma

Convert Figma assets, components, tokens, and motion animations into video compositions.

Updated Aug 23, 2026

Search Tags:#figma #content import #video composition #interactive media #animation reconstruction

Ready to run

npx skills add https://github.com/jpratt9/dotfiles --skill figma-jpratt9

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: figma
Source: https://github.com/jpratt9/dotfiles/tree/main/.agents/skills/figma
Command: npx skills add https://github.com/jpratt9/dotfiles --skill figma-jpratt9

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hyperframes, figma-oauth, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows users to bring Figma content directly into video compositions or interactive media, reducing the need for manual translation and enhancing creative workflow efficiency.

Core Features & Use Cases

Content Import: Import Figma assets, components, brand tokens, and motion animations into a video composition.
Animation Reconstruction: Automates the animation process for frames read as states, enabling smooth motion reconstruction without the need for slides.
Use Case: For designers and content creators looking to bring their Figma animations into videos or interactive content for seamless integration with their motion design workflow.

Quick Start

To use the Figma Skill, provide a Figma link and use the command: 'hyperframes figma asset <link>' to import the desired content.

Frequently Asked Questions about figma

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I import Figma assets and motion animations into a video composition?▼

To import Figma assets, components, and motion animations into a video composition, provide a Figma link and run the 'hyperframes figma asset' command to convert content into compatible formats.

Does importing Figma content into interactive media require an OAuth connection?▼

Yes, importing Figma content into interactive media requires Figma access credentials and an OAuth connection to authorize reading frames, assets, and tokens for the composition.

What is the process for reconstructing Figma animations without using slides?▼

Reconstructing Figma animations without slides works by automating the import of frame states read as animation, enabling smooth motion reconstruction directly within the output composition.

Can I bring Figma brand tokens and components directly into interactive media?▼

Yes, you can bring Figma brand tokens and components directly into interactive media, eliminating manual translation and streamlining the integration with your motion design workflow.

What dependencies are needed to convert Figma frames into compatible video formats?▼

Converting Figma frames into compatible video formats requires the hyperframes and figma-oauth dependencies to facilitate content import, credential authentication, and animation reconstruction.