Skip to main content

​
I want an editable project on my computer

Use a coding agent with the HyperFrames skills. The agent writes an ordinary HTML project that you can revise with the agent, open in Studio, inspect in source, render locally, or automate later. This is the default path for a video that will keep changing.

Make your first local video

Install the skills and create the first editable version.

​
I want to create inside an AI chat

Use the hosted HyperFrames MCP connector. It creates and renders through your HeyGen account without a local HyperFrames setup. Choose this when convenience matters more than owning the complete project folder. Rendering and account access are hosted; local Studio, source editing, self-hosting, and precise debugging belong to the local path. Connect HyperFrames to an AI chat →

​
I want to establish the visual direction first

Start in Figma, Claude Design, or Open Design when brand, layout, and scene direction are the unresolved part. Then hand the project to a coding agent for motion refinement, media, validation, and rendering. The design tool supplies a first draft, not a substitute for watching and checking the finished movement. Bring a design into a project →

​
I want to create inside HeyGen

Use HeyGen Video Agent when you want a hosted prompt-native workflow that assembles the script, visuals, narration, avatar, and motion for you. HyperFrames can power its HTML motion graphics, but the delivery surface is different: the local path gives you the project folder, source, Studio, and CLI; Video Agent keeps generation and revision inside HeyGen. Learn how HeyGen Video Agent works → If a generated person is only one layer in a locally editable film, add the presenter as media inside a HyperFrames project. HeyGen generation can use an account allowance or credits; local HyperFrames rendering does not.

​
If you are unsure

Start with the local path. It preserves the most options because the project stays editable. Use the developer journey instead when your goal is an application or automated pipeline rather than one video.

Related topics

Create a motion graphicChoose a workflowChoose a rendering path