Product launch video template

Turn your product page into a launch story. Show the problem, introduce your product and bring its real screens into the video.

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work

See it in action with Figma Slides.

From this input to this video

Figma’s product page becomes a launch video combining real product screens with Swiss poster typography.

Prompt

Create a 30-second product launch video for Figma Slides, a collaborative presentation tool. Use the product page at https://www.figma.com/slides/ as the primary source — pull key visuals, copy, and UI from there. Open with the problem a product design team faces before finding Figma Slides. Then show how Figma Slides solves it in one clear sequence, using the real product visuals. Tone: clear, energetic and practical. End on the logo and the line: Bring your next presentation to life with Figma Slides. Voiceover language: English; if no voiceover, use on-screen captions with background music.

Selected style

Swiss poster

Source material

Open video in a new tab
Read the video transcript

Your team designs in Figma. Then presentation day hits. Screenshots get pasted, decks drift out of date, and feedback scatters everywhere. Figma Slides puts the deck where the work already lives. Drop in your designs, and add charts, icons and animations with plugins. Co-create in one file, and dial in the tone of your copy with AI. Run live polls, and every vote saves to your deck. Bring your next presentation to life with Figma Slides.

Make it yours

Fill in your details here, or continue and finish your brief in ngram.

Help filling in your brief
[product-name]
Your product name.
[product-category]
What it is, in plain words.
[product-url]
Your product or landing page URL.
[target-audience]
Who the video is for.
[tone]
Voice and feel.
[cta-line]
Closing line on the final screen.
[vo-language]
Voiceover language.
[duration]
Target length in seconds.

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

Give your launch a clear story

Start with your product page, the people you want to reach and the action you want them to take. ngram uses those details to propose a plan with a script. Approve the plan, then preview your video and ask for any changes. The Figma Slides example above shows how a product page can become a narrated launch film.

channel: YouTubeaudience: founders and marketers
Scene structure

What the template builds

A useful starting structure: the problem, your product, how it helps and one next step. Adjust the pacing to fit your message.

  1. 1

    Problem hook

    6s

    Open on the audience's pain before they found your product. Text-forward motion graphic; no product UI yet.

  2. 2

    Product reveal

    8s

    Introduce the product name and category against the brand visual pulled from the URL. One-sentence what-it-does.

  3. 3

    Solution proof

    12s

    Show the product doing its core job — real screenshots or UI pulled from the product page, with animated callouts and narration.

  4. 4

    Logo + CTA

    4s

    Close on the logo, product name, and the call-to-action line. Clean, confident, no crowded end card.

Customize

Make it yours

Duration

30s for social, 60s for YouTube or a product page embed.

15s30s60s

Narration

AI voiceover in any language, or captions-only for muted feed autoplay.

AI voiceoverCaptions + musicNo audio

Style

Visual treatment around the product screenshots.

Motion-graphicsMinimalistCinematic

Aspect ratio

16:9 for YouTube or website embeds; 9:16 for TikTok and Reels; 1:1 for feed posts.

16:9 YouTube9:16 TikTok / Reels1:1 feed
Variations

Common variations

TikTok vertical launch

9:16 cut with large on-screen captions — the format several prompts in this cluster requested.

tweak

Switch to 9:16. Keep captions large and centered. Use an English voiceover, tight pacing, opening hook in the first 2 seconds.

60-second YouTube version

Longer narrated cut with room to explain one feature in detail after the product reveal.

tweak

Extend to 60 seconds. After the product reveal, add a 20-second feature walkthrough narrated against real UI. End on the logo and CTA.

Silent captioned cut

No voiceover — on-screen captions carry the message. Works for LinkedIn and X where sound is off by default.

tweak

Remove the voiceover. Use concise on-screen captions throughout. Add light background music.

Product Hunt launch version

Tight 15-second teaser written for the moment a Product Hunt listing goes live.

tweak

Reduce to 15 seconds. Lead with the hook, name the product, show one quick proof point, close on 'Live on Product Hunt today.'

Footage with a clear explanation

Combine supporting footage with readable benefit labels and short graphics that explain the product.

tweak

Keep the real product imagery and approved claims. When using AI-generated supporting footage, add short labels for the benefit and use a full-screen graphic only when it clarifies a mechanism or a documented number. Keep the product visible, and leave clean passages where text would distract. Do not invent results or product views.

How it works

How it works

1

Open the template

"Use this template" drops you into the ngram editor with the prompt pre-filled.

2

Add your details

Replace the eight brackets with your product name, URL, audience, tone, and CTA line.

3

Approve the plan, then refine

Review the proposed plan and its script, then approve it to create your video. Preview the result and ask ngram to adjust the pacing, visuals or narration.

See it in practice

Real launch videos from this cluster

The prompt patterns behind strong product launch videos.

All examples
Ship it anywhere

Publish your launch video from ngram

Wire launch video creation into the tools you already use.

YouTube
Social Publishing Beta

whenThe finished product launch video is ready for the launch channel

thenSchedule the product launch video on YouTube for launch day.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished product launch video is ready for launch-day sharing

thenPlace the product launch video on the LinkedIn calendar for a one-off post.

Integrate with LinkedIn
Zapier
Automate

whena product launch milestone is reached

thenauto-trigger a launch video render

Integrate with Zapier
n8n
Self-host

whena webhook fires from your CMS or release pipeline

thengenerate a launch video in a self-hosted flow

Integrate with n8n
Chrome extension
Capture

whenyou find the product page you want to launch from

thenstart a launch video directly from your browser

Integrate with Chrome extension
REST APIMCP serverWebhooksBuild your own integration in ~30 lines.

Frequently asked

What does ngram pull from the product URL?

ngram reads the product page and uses accessible product visuals as source material. For a workflow behind sign-in, ask Studio to browse it in an attended chat with a compatible director. Sign in directly during handoff and choose Done, or upload your own recording.

Can I use this template without a URL?

Yes. Replace the [product-url] slot with a short written brief — two or three sentences describing the product. ngram will generate visuals from that description instead of pulling from a live page.

What if I want to demo a specific feature in the launch video?

Add it to the [product-category] or tone slot: 'Routr, an AI scheduling tool. In the solution proof scene, focus on the route-optimizer feature specifically.' The agent reads the instruction inline.

How does the TikTok vertical variation differ from the default?

The default renders 16:9 for YouTube or website use. The TikTok cut switches to 9:16, bumps caption size up for small screens, and tightens the opening to hook viewers in the first two seconds.

Can I add a voiceover in a language other than English?

Yes. Set [vo-language] to any language ngram supports — Spanish, French, German, Portuguese, and others. The agent generates the script in that language and picks a matching AI voice.

What's the difference between this template and the SaaS product demo template?

This template is built for launch announcements: URL in, problem-reveal-proof-CTA out. The SaaS demo template is built for feature walkthroughs using a screen recording. Use this one for launch day; use the demo template when you need a narrated step-by-step UI walkthrough.

Use the product launch video template now.

Paste your product URL, add your details, and publish your launch video today.

Talk to sales

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work