室谷代表取締役HyperFrames Studio（ハイパーフレームズ・スタジオ）は、HeyGenが発表した、AIエージェントと対話しながら動画編集ができるデスクトップアプリなんですよね。動画の内容を言葉で説明すると、エージェントが初稿を組み立ててくれる。
テキトー教師DotAI 認定講師まさに「エージェントのために作られた動画エディタ」という位置づけですね。HeyGenの公式スレッドでも「HyperFrames just became an app.」と、これまでフレームワークだったものがアプリになったことが強調されています。
室谷代表取締役これ、単なる動画編集ソフトの新製品じゃなくて、編集の主導権が人間からエージェントに半分移る話なんですよ。MYUUUでも動画まわりは試してますけど、初稿をAIに作らせて人間が直す、という流れはかなり現実味があります。
テキトー教師DotAI 認定講師ここで一度、発表の事実を整理しておきましょう。
- 発表元: HeyGen
- 名称: HyperFrames Studio
- 位置づけ: エージェントと共同で動画編集を行うデスクトップアプリ
- 連携先: Claude Code、Codex、または自作のエージェント
- 書き出し: 完成時は4K
- 対応OS: macOS、Linux。Windows版は「Coming soon」
- ライセンス: Apache-2.0でGitHubのheygen-com/hyperframesにてオープンソース公開
室谷代表取締役この「Apache-2.0でGitHub公開」というのがポイントで。HyperFrames自体はHeyGenのチームがオープンソース化したもので、GitHubスター数57.3k、週間npmダウンロード813.1k、フォーク5.1k、コントリビューター80名という規模で使われてきたんですね。
テキトー教師DotAI 認定講師そこに今回Studioという一つのアプリが乗っかった、という理解でよさそうです。
HyperFrames Studioとは？HeyGenが発表したエージェント向け動画編集アプリ
HyperFrames Studioとは？——要点をカードで整理
エージェントと対話して動画編集
HeyGenが発表したデスクトップアプリ。動画の内容を言葉で説明するとエージェントが初稿を作り、その後は人間が視覚的に指示を出して仕上げていく。
公式の位置づけ
公式ページの表現は「The video editor built for agents.」、つまりエージェントのための動画エディタ。
開発チーム
「Built by the team who open sourced HyperFrames.」——OSSフレームワークHyperFramesを作ったチーム自身がアプリにまとめた。
開発者向け要素を1つに統合
もともとCLI・SDK・レンダリング・各種パッケージという開発者向け要素だったものを、1つのデスクトップアプリにまとめた位置づけ。
@hyperframes/studio の中身
Reactアプリケーション、エディタコンポーネント、プレイヤー、タイムライン、フックが含まれ、これがStudioを動かしている。
基本的な使い方
多くの人はパッケージを直接インストールする必要はなく、完全なStudioアプリでプロジェクトを開くには `npx hyperframes preview` を実行する。
室谷代表取締役改めて定義すると、HyperFrames Studioは、HeyGenが発表した、AIエージェントと対話しながら動画編集ができるデスクトップアプリです。動画の内容を言葉で説明すると、エージェントが初稿を作り、その後は人間が視覚的に指示を出して仕上げていく。
テキトー教師DotAI 認定講師公式ページでは「The video editor built for agents.」と表現されています。エージェントのための動画エディタ、と。
室谷代表取締役そして「Built by the team who open sourced HyperFrames.」と。つまり、HyperFramesというオープンソースのフレームワークを作ったチーム自身が、それをアプリにまとめたという流れなんですよね。
テキトー教師DotAI 認定講師背景ブリーフによれば、HyperFramesはもともとCLI、SDK、レンダリング、各種パッケージといった開発者向けの要素が並んでいたものです。今回のStudioは、それらを一つのデスクトップアプリにまとめた位置づけと読めます。
室谷代表取締役開発者向けだったものを、より広い人が触れる形にした、というのが今回のニュースの本質ですね。
テキトー教師DotAI 認定講師ドキュメントを見ると、@hyperframes/studioというパッケージにReactアプリケーション、エディタコンポーネント、プレイヤー、タイムライン、フックが含まれていて、これがHyperFrames Studioを動かしていると説明されています。
室谷代表取締役ちなみに、多くの人はこのパッケージを直接インストールする必要はなくて、完全なStudioアプリでプロジェクトを開くには
npx hyperframes preview を実行する、とドキュメントに書かれています。テキトー教師DotAI 認定講師パッケージをインストールするのは、Studioを拡張したり、その下位パーツを使って独自のエディタを作ったりする場合ですね。
HyperFrames Studioでできること——言葉で説明するとエージェントが初稿を作る
HyperFrames Studioでできること
言葉で説明するとエージェントが初稿を作成
「Describe the video and your agent builds the first cut.」——動画を説明すると、エージェントが初稿を組み立てる
言葉と視覚のハイブリッド編集
フレーム上に丸を描く、特定の単語にコメントを固定する、自分でトリミングする、といった操作で編集を指示できる
エージェントとタイムラインを共有
「Describe it, your agent builds, then you both work on the same timeline」——同じタイムライン上で指示と修正を往復できる
数百のテンプレートとインスピレーション
「100s of inspirations & templates」を用意。Notification Cascade、Share-Sheet Carousel、AI Chat Reveal、Message Thread Reveal、Notes Reveal、ChatGPT Exchange、Claude Exchange、Slack Notification AdなどがRemix可能
モバイル広告の作成
テンプレートを選び、自社サイトのURLと指示を加えて自分のものにする用途が案内されている
編集まわりのコンポーネントを公開
EditorShell、NLEPreview、Timeline、PropertyPanel、FileTree。プレイヤーはPlayer、PlayerControls、Timeline、VideoThumbnail、CompositionThumbnail。フックはuseTimelinePlayer、usePlayerStore、useCompositionStack、useElementPicker
室谷代表取締役ここが一番おもしろいところで。HeyGenの公式スレッドには「Describe the video and your agent builds the first cut.」とあります。
動画を説明すると、エージェントが初稿を組み立てる、と。
動画を説明すると、エージェントが初稿を組み立てる、と。
テキトー教師DotAI 認定講師その後の指示の出し方も具体的に書かれています。「circle something on the frame, pin a comment to one word, or just trim it yourself.」つまり、フレーム上に丸を描く、特定の単語にコメントを固定する、自分でトリミングする、といった操作で編集を指示できる。
室谷代表取締役これ、言葉と視覚のハイブリッドなんですよ。全部テキストで指示するんじゃなくて、気になるところに丸を描いて「ここ直して」と伝えられる。
編集の現場感覚に近いんですよね。
編集の現場感覚に近いんですよね。
テキトー教師DotAI 認定講師公式スレッドの引用元では「Describe it, your agent builds, then you both work on the same timeline」と、エージェントとユーザーが同じタイムラインで作業する点が強調されています。
室谷代表取締役タイムラインを共有する、というのがキーワードですね。従来の編集ソフトは操作を人間が覚える必要があったけど、エージェントと同じタイムライン上で指示と修正を往復できる。
テキトー教師DotAI 認定講師もう一つ、公式スレッドには「100s of inspirations & templates」とあって、数百のインスピレーションとテンプレートが用意されているとされています。
室谷代表取締役公式ページを見ると、テンプレートの具体例も並んでいますね。Notification Cascade、Share-Sheet Carousel、AI Chat Reveal、Message Thread Reveal、Notes Reveal、ChatGPT Exchange、Claude Exchange、Slack Notification Adといったものが「Remix」できる形で示されています。
テキトー教師DotAI 認定講師公式ページには「Create mobile ads for your brand」として、テンプレートを選び、自社サイトのURLと指示を加えて自分のものにする、という用途も案内されています。
室谷代表取締役モバイル広告を作る流れが最初に出てくるあたり、HeyGenらしいというか、マーケティング用途をかなり意識してるんですよね。
テキトー教師DotAI 認定講師背景ブリーフにも、テンプレートを選び自社サイトのURLや指示を加えてモバイル広告を作る、という用途が案内されていると記載があります。
室谷代表取締役あと、ドキュメントを見ると編集まわりの構成要素が細かく公開されていて。EditorShell、NLEPreview、Timeline、PropertyPanel、FileTreeといったコンポーネントが並んでいます。
テキトー教師DotAI 認定講師プレイヤーまわりだとPlayer、PlayerControls、Timeline、VideoThumbnail、CompositionThumbnail。フックだとuseTimelinePlayer、usePlayerStore、useCompositionStack、useElementPickerなどが公開されています。
室谷代表取締役こういうのが全部オープンになっているのは、エコシステムを作りにいっている感じがしますね。
HyperFrames Studioの使い方・始め方——Claude CodeやCodexとの連携と4K書き出し
プレビューとレンダリングの違い
プレビュー
- ブラウザがリアルタイムで再生する
- レンダリングと同じ「シーク可能なコンポジション契約」を使う
- 重いプロジェクトではカクつくことがある
レンダリング
- 1フレームずつキャプチャする
- 完成時に4Kで書き出せる（Render in 4K）
- 重いプロジェクトでも全フレームを書き出せる
- コマンドライン／クラウド／AWS Lambda／Google Cloud Run などの選択肢がある
室谷代表取締役使い方の入口としては、公式ページに「Download for macOS」とあって、macOS版がダウンロードできる状態です。
テキトー教師DotAI 認定講師対応OSは公式ページの表で整理されていて、macOSはDownload、LinuxもDownload、Windowsは「Coming soon」、Windows（arm 64）も「Coming soon」となっています。
室谷代表取締役HeyGenの公式スレッドでも、Windowsについて「If you have a windows, it's coming soon.」と返信で答えています。
テキトー教師DotAI 認定講師エージェント連携は、公式スレッドに「Works with Claude Code, Codex, or your own agent」と明記されています。Claude Code、Codex、あるいは自作のエージェントと連携できる、と。
室谷代表取締役Claude CodeやCodexを使っている人にとっては、いつものエージェントがそのまま動画編集の相棒になる、というイメージですね。Codex周りはCodex入門：OpenAIのAIコーディングエージェントを徹底解説でも整理しているので、そちらも参考にしてもらえると。
テキトー教師DotAI 認定講師書き出しは「exports in 4K when it's done」と公式スレッドにあります。完成時に4Kで書き出せる、と。
室谷代表取締役ドキュメント側にも「Render in 4K」という項目が用意されています。レンダリングまわりは、コマンドラインからのレンダリング、クラウドレンダリング、AWS Lambda、Google Cloud Runといった選択肢も並んでいます。
テキトー教師DotAI 認定講師プレビューとレンダリングの違いもドキュメントに説明があります。プレビューとレンダリングは同じシーク可能なコンポジション契約を使うけれど、プレビューはブラウザがリアルタイムで再生する必要があり、レンダリングは1フレームずつキャプチャする。
だから重いプロジェクトはプレビューでカクついても、レンダリングでは全フレームを書き出せる、と。
だから重いプロジェクトはプレビューでカクついても、レンダリングでは全フレームを書き出せる、と。
室谷代表取締役これは実務でかなり助かる話ですよね。編集時は軽く見えて、書き出しはきっちり、という分離。
テキトー教師DotAI 認定講師プロジェクトを開く流れとしては、ドキュメントに
npx hyperframes preview を実行して完全なStudioアプリでプロジェクトを開く、とあります。室谷代表取締役また、Studioがプロジェクトとどうつながっているかも説明されていて。StudioはHyperFramesランタイム付きのiframeでコンポジションを読み込み、プレイヤーコントロールがそのランタイムと通信して再生・一時停止・シークを行い、エディタとタイムラインが変更をStudio API経由で送り、Studioサーバーがその変更をプロジェクトファイルに書き戻す、と。
テキトー教師DotAI 認定講師外部ファイルの変更はプレビューを更新しつつ、可能な場合は現在位置を保つ、とも書かれています。
室谷代表取締役バージョン管理や安全な編集の話も、SDKガイドにUndo、Redo、Patches、Persistenceといった項目が並んでいます。元に戻す・やり直す・変更をパッチとして扱う、という考え方ですね。
テキトー教師DotAI 認定講師あと、エージェント向けの設定として、Agent setup、Authentication & API keys、Agent plugins、Agent skills、Agent tools (WebMCP)といった項目もドキュメントにあります。
室谷代表取締役エージェントにどう動画を作らせるか、という部分がちゃんとドキュメント化されているのは、これから触る人にとってはありがたいですね。
テキトー教師DotAI 認定講師また、
npx skills add heygen-com/hyperframes というコマンドが公式ページに示されています。エージェントにスキルを追加する入口ですね。室谷代表取締役こういうセットアップが整ってくると、Claude Codeを使っている人はClaude Code勉強会完全ガイド2026｜初心者から経営層までの選び方と学び方みたいな学び方の情報も合わせて見ておくと、導入のイメージが湧きやすいと思います。
料金・提供範囲——無料で使える？日本で使える？Windows版はいつ？
室谷代表取締役ここは誤解がないように整理したいんですけど、料金について。公式ページにも公式スレッドにも、料金や有料プランに関する記載はないんですよね。
テキトー教師DotAI 認定講師そうですね。ですので料金は現時点では明らかにされていません。
室谷代表取締役一方で、ライセンスは明確です。公式ページに「Open source」として「Apache-2.0 on GitHub at heygen-com/hyperframes.」と書かれています。
テキトー教師DotAI 認定講師オープンソースとしてApache-2.0で公開されている、という点は事実として押さえておきたいですね。
室谷代表取締役ただし、これはソフトウェアのライセンスの話であって、利用料金が無料かどうかとは別の話です。公式に料金の記載がない以上、そこは現時点では明らかにされていません、としか言えない。
テキトー教師DotAI 認定講師日本で使えるかどうかについても、公式ページや公式スレッドに地域制限の記載はありません。ですので日本での利用可否は不明、というのが正確なところです。
室谷代表取締役ダウンロード自体はmacOS版とLinux版が公開されているので、環境がある人は試せる状態ですね。
テキトー教師DotAI 認定講師Windows版については、公式ページで「Coming soon」、公式スレッドの返信でも「it's coming soon」とされています。具体的な時期は示されていません。
室谷代表取締役ここも「いつ出るか」は現時点では明らかにされていません、と正直に書いておくのがいいですね。
テキトー教師DotAI 認定講師法人向けには「Enterprise deployment」として「Contact us」という導線も公式ページに用意されています。
室谷代表取締役あと、公式ページには「Community」「Docs」「Log in」といったナビゲーションがあって、コミュニティとドキュメントが整備されていることも確認できます。
テキトー教師DotAI 認定講師提供範囲を整理するとこうですね。
- 料金: 公式に記載なし（現時点では明らかにされていません）
- ライセンス: Apache-2.0（GitHubのheygen-com/hyperframes）
- 対応OS: macOS、Linux。WindowsとWindows（arm 64）はComing soon
- 日本での利用可否: 地域制限の記載がなく不明
- 法人向け: Enterprise deploymentの問い合わせ導線あり
室谷代表取締役こうして並べると、まずはmacOSかLinuxの人が触ってみて、Windows勢は待ち、という構図ですね。
HeyGenのHyperFramesにおけるStudioの位置づけと狙い
室谷代表取締役ここまでの話を踏まえると、HeyGenのHyperFramesという大きな枠組みの中で、Studioは「人間とエージェントが同じタイムラインで作業するためのアプリ」という位置づけなんですよね。
テキトー教師DotAI 認定講師背景ブリーフにも、HyperFramesはもともとHeyGenのチームがオープンソース化したもので、ドキュメントにはCLI、SDK、レンダリング、各種パッケージなど開発者向けの要素が並んでいた、とあります。今回のStudioはそれらを一つのデスクトップアプリにまとめた位置づけと読めます。
室谷代表取締役つまり、開発者向けの部品がそろっていたところに、入口となるアプリが乗った、という順番なんですよ。
テキトー教師DotAI 認定講師狙いとしては、動画編集を「言葉で説明し、エージェントに初稿を作らせ、細部を視覚的に指示する」流れに置き換えることだと背景ブリーフは読み取っています。
室谷代表取締役従来の編集ソフトは操作を人間が覚える必要があった。それを、エージェントとタイムラインを共有することで、指示と修正を往復しやすくする。
テキトー教師DotAI 認定講師背景ブリーフには、ユーザーの具体的な不満の声は資料に記載がないため言及しない、と注記されています。そこは憶測で埋めないようにしたいですね。
室谷代表取締役あと、背景ブリーフには他社の動向に関する記述はない、とも書かれています。なので、他ツールとの比較で優劣を語るのはやめておくのが誠実です。
テキトー教師DotAI 認定講師現時点で確認できる特徴は、HyperFrames自身が「エージェントのために作られた動画エディタ」と位置づけられ、Claude CodeやCodexとの連携が明記されている点ですね。
室谷代表取締役ここは大事で、公式に書かれている範囲だけで語る。憶測で「あれよりすごい」みたいなことは言わない。
テキトー教師DotAI 認定講師ドキュメントを見ると、Reactコンポーネントやフックが公開されていて、Studioを拡張したり、下位パーツを使って独自のエディタを作ったりできると説明されています。エコシステムを広げる狙いも見えますね。
室谷代表取締役ピア依存がReact 19、React DOM 19、Zustand 4または5、と書かれているあたりも、開発者コミュニティを意識している証拠です。
テキトー教師DotAI 認定講師また、ドキュメントにはFigma integration、GSAP animation、Deterministic Rendering、HTML in Canvas、VFX chain、Color grading、Audio effects、Speed rampsといった項目も並んでいます。
室谷代表取締役アニメーションや演出の作り込みも、コードベースで扱えるようになっているんですね。
テキトー教師DotAI 認定講師HTML/CSS/JSで動画を作る、という文脈でいうと、HTML schema referenceやComposition referenceといったドキュメントが用意されている点が参考になります。
室谷代表取締役エージェントがコードを書いて動画を構成する、という流れが、このドキュメント群から見えてきますね。
テキトー教師DotAI 認定講師室谷代表取締役こういう細かい情報が公開されているのも、オープンソースならではですよね。
HyperFrames Studioよくある質問
室谷代表取締役ここからは、よく聞かれそうな点を整理していきます。
テキトー教師DotAI 認定講師まず、HyperFrames Studioとは何か。HeyGenが発表した、AIエージェントと対話しながら動画編集ができるデスクトップアプリです。
動画を言葉で説明するとエージェントが初稿を作り、その後はフレームに丸を描いたり、単語にコメントを固定したり、自分でトリミングしたりして仕上げます。
動画を言葉で説明するとエージェントが初稿を作り、その後はフレームに丸を描いたり、単語にコメントを固定したり、自分でトリミングしたりして仕上げます。
室谷代表取締役次に、料金は無料なのか。公式ページにも公式スレッドにも料金や有料プランの記載はないので、現時点では明らかにされていません。
テキトー教師DotAI 認定講師ライセンスはApache-2.0で、GitHubのheygen-com/hyperframesにてオープンソース公開されています。
室谷代表取締役日本で使えるのか。地域制限の記載がないため、日本での利用可否は不明です。
テキトー教師DotAI 認定講師対応OSは。macOSとLinuxがダウンロード可能で、WindowsとWindows（arm 64）は「Coming soon」とされています。
室谷代表取締役Windows版はいつ出るのか。公式には「Coming soon」としか示されておらず、具体的な時期は現時点では明らかにされていません。
テキトー教師DotAI 認定講師どんなエージェントと連携できるのか。公式スレッドにはClaude Code、Codex、あるいは自作のエージェントと書かれています。
室谷代表取締役書き出しは何に対応しているのか。公式スレッドに「exports in 4K」とあり、完成時に4Kで書き出せます。
テキトー教師DotAI 認定講師どうやって始めるのか。公式ページにmacOS版のダウンロード導線があり、ドキュメントには
npx hyperframes preview で完全なStudioアプリのプロジェクトを開く、と記載されています。室谷代表取締役テンプレートはあるのか。公式スレッドに「100s of inspirations & templates」とあり、公式ページではNotification CascadeやAI Chat Reveal、Slack Notification Adなど複数のテンプレートがRemixできる形で示されています。
テキトー教師DotAI 認定講師モバイル広告は作れるのか。公式ページに「Create mobile ads for your brand」として、テンプレートを選び、自社サイトのURLと指示を加えて自分のものにする、という用途が案内されています。
室谷代表取締役エージェントにスキルを追加するには。公式ページに
npx skills add heygen-com/hyperframes というコマンドが示されています。テキトー教師DotAI 認定講師拡張はできるのか。@hyperframes/studioにはReactコンポーネントやフックが公開されていて、Studioを拡張したり、下位パーツを使って独自のエディタを作ったりできると説明されています。
室谷代表取締役プレビューが重いときは。ドキュメントによれば、プレビューはブラウザがリアルタイムで再生する必要がある一方、レンダリングは1フレームずつキャプチャするため、重いプロジェクトはプレビューでカクついてもレンダリングでは全フレームを書き出せると説明されています。
テキトー教師DotAI 認定講師法人で導入したい場合は。公式ページに「Enterprise deployment」として「Contact us」の導線が用意されています。
室谷代表取締役というわけで、HyperFrames Studioは、エージェントと人間が同じタイムラインで動画を作る、という新しい編集の形を提示してきたんですよね。まずはmacOSかLinuxの人が触ってみて、Windows版の続報を待つ、というのが現実的な入り口だと思います。
テキトー教師DotAI 認定講師料金や日本での提供範囲など、まだ明らかになっていない部分は素直に「不明」として、続報を追いかけていきましょう。
