skills.rest
jpratt9
jpratt9COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/jpratt9/dotfiles --skill figma-jpratt9
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
allofmengallofmeng
12

figma-code-connect-components

Identify unmapped Figma components and fetch matching code components for Code Connect mappings.

Community
Advanced
SignmanalSignmanal
1

hyperframes

Render HTML/GSAP compositions into MP4 or WebM videos with captions.

Community
Advanced
47thtechcorner47thtechcorner
21

hyperframes

Render HTML, CSS, and GSAP compositions into video files.

Community
Advanced
johan-Rmjohan-Rm

figma

Import Figma assets, tokens, and motion sequences into HyperFrames via REST and MCP.

Community
Advanced