Startseite
Podcasts
Behind the Craft Podcast
Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran

Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran

Behind the Craft vor 3 Monaten

0:00

41:18

Bin and Jake built HyperFrames, HeyGen’s free open-source tool
that turns HTML into professional product launch videos. In this
episode, they shared how you can one-shot a launch video for any
website. Jake also walked through his personal playbook to make
amazing videos with AI — from storyboarding to reusing components
to polish.

We talked about:

(00:00) From HTML to professional video with AI

(02:37) How to install HyperFrames in Codex or Claude Code

(04:50) Demo: Make a launch video in one shot from Spotify.com

(10:47) Jake’s workflow to level up AI videos

(13:06) frame.md: Turn brand guidelines into video direction

(15:05) storyboard.md: Write the story before building scenes

(17:31) HyperFrames launches: Reuse HeyGen’s real components

(20:17) Get AI to generate static frames for review before
rendering

(22:46) Studio: Make visual edits and final polish

Thanks to our sponsors:

Linear: The AI agent platform for modern teams
https://linear.app/behind-the-craft

Wispr Flow: 4x faster than typing with your voice
https://ref.wisprflow.ai/peter-yang-jun21-pod

Riverside: All-in-one AI studio for podcasts and video
https://creators.riverside.com/PeterYang

Get the takeaways:
https://creatoreconomy.so/p/full-tutorial-make-professional-launch

Get my personal AI operating system with all my skills and
prompts: https://www.behindthecraft.com/

Where to find Bin and Jake:

Bin: https://x.com/liu8in

Jake: https://x.com/JakeFromHeyGen

HyperFrames: https://github.com/heygen-com/hyperframes

Subscribe to this channel - more interviews coming soon!