mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-10-30 09:16:55 +00:00
Ular Kimsanov
0163ee11a7
* docs: link the free lessons from the docs navbar * docs: practice cards linking the related free lessons * docs: practice cards as text cards
83 lines
3.6 KiB
Plaintext
83 lines
3.6 KiB
Plaintext
---
|
|
title: "Make your first video in the Studio app"
|
|
sidebarTitle: "First video"
|
|
description: "Describe a video in one sentence, answer the agent's questions, approve a storyboard, and get your first video in the HyperFrames Studio app."
|
|
---
|
|
|
|
import { HoverVideo } from "/snippets/hover-video.jsx";
|
|
|
|
import { DocsVideo } from "/snippets/docs-video.jsx";
|
|
|
|
Type one sentence on Home and choose **Let's go**. The agent may ask a question or two, shows you the video as stills,
|
|
and builds it when you approve.
|
|
|
|
<DocsVideo
|
|
title="A first video in the Studio app: one sentence, two questions, a storyboard, the finished film"
|
|
src="https://static.heygen.ai/hyperframes-oss/docs/studio-demos/first-video-demo-v2.mp4"
|
|
poster="/public/images/studio-app/first-video-demo-v2.jpg"
|
|
aspect="16 / 10"
|
|
autoPlay
|
|
loop
|
|
/>
|
|
|
|
*Recorded with Claude Code as the agent. The waits play fast: the storyboard took 29 minutes and the
|
|
build 10.*
|
|
|
|
## What happens
|
|
|
|
<HoverVideo className="hf-aside hf-spot" src="https://static.heygen.ai/hyperframes-oss/docs/studio-demos/storyboard-tab-v2.mp4" poster="/public/images/studio-app/spots/storyboard-tab-v2.jpg" hasAudio={false} label="The Storyboard tab above the preview" />
|
|
|
|
<Steps>
|
|
<Step title="Say what you want">
|
|
In **Make something**, describe the video ("A 12-second launch teaser for Lumen, a running shoe that glows at
|
|
night"). Add files with **+**, or start from a video you like in **Reference**.
|
|
</Step>
|
|
<Step title="Answer its questions">
|
|
When something matters and you didn't say it, the agent asks with a card: which of three concepts, how the
|
|
product should look, or whether to use your own image. Pick one (the agent marks the one it recommends), or choose
|
|
**Something else…** and type, then **Send answer**.
|
|
</Step>
|
|
<Step title="Approve the storyboard">
|
|
With **Start with a storyboard** on (the default), you see every shot as a still with its timing in the
|
|
**Storyboard** tab. Tell it which frame to change, or choose **Build the video**.
|
|
</Step>
|
|
<Step title="Watch, then change it">
|
|
The finished video plays in **Preview**. Change anything by saying it, pointing at it or drawing on it:
|
|
[edit a video with the agent](/studio-app/edit-with-the-agent).
|
|
</Step>
|
|
</Steps>
|
|
|
|
If you aren't signed in or have no agent yet, the app walks you through that first and then sends your request.
|
|
|
|
<Card title="Practice it: The brief" icon="graduation-cap" href="https://hyperframes.heygen.com/lessons/the-brief">
|
|
Free 20-minute lesson with a short video, a quiz and a brief to try. A brief is the goal, who it is for, two to four specifics and the exact words in quotes.
|
|
</Card>
|
|
|
|
## Or take the step by step
|
|
|
|
**Take the step by step**, next to **Remix from inspiration** on Home, builds a launch video from four parts taken
|
|
from real launch videos. It also opens by itself the very first time.
|
|
|
|
<Frame caption="The first-video card: four parts, then your website or idea.">
|
|
<img
|
|
src="/public/images/studio-app/first-video.jpg"
|
|
alt="The Create your first video card with Hook, Proof, Turn and Call to action slots and a field for your website or idea"
|
|
/>
|
|
</Frame>
|
|
|
|
| Part | What it does |
|
|
| --- | --- |
|
|
| **Hook** | Grab attention in the first seconds |
|
|
| **Proof** | Show the product doing its job |
|
|
| **Turn** | Flip from problem to answer |
|
|
| **Call to action** | Land the brand and the ask |
|
|
|
|
Shuffle the parts until you like them, type your website (it gives the agent your fonts, colors and logo) or an idea,
|
|
and choose **Use this cut**.
|
|
|
|
## Related topics
|
|
|
|
- [Edit a video with the agent](/studio-app/edit-with-the-agent)
|
|
- [Use your brand kit](/studio-app/brand-kits)
|
|
- [Connect your agent](/studio-app/connect-your-agent)
|