What problem does it solve? Designers and developers often need to turn Figma designs into animated video compositions, but manually recreating assets, brand tokens, components, and motion timelines is slow and error-prone. This Skill automates importing Figma content into HyperFrames compositions with frozen local assets and deterministic renders. ## Core Features & Use Cases - Asset and token import: Render Figma layers as SVG/PNG via the REST API and import brand variables or published styles as composition variables with binding records. - Component and motion reconstruction: Convert Figma node trees into editable HTML components and translate connector-provided motion data into GSAP timelines, with an objective PSNR-based verification script. - Storyboard reconstruction: Diff storyboard section frames into element chains and build animated timelines, treating frames as keyframes rather than slides. - Use Case: A user pastes a figma.com link to a brand logo and a storyboard section; the Skill freezes the assets locally, imports brand tokens, and reconstructs the animation as a deterministic HyperFrames composition. ## Quick Start Paste a Figma link and ask the assistant to import that design, frame, or animation into your HyperFrames composition.