Tutorial video template

Teach a task one step at a time. Bring a guide, slides or your own instructions, then turn them into a clear video your audience can follow.

See it in action with Creating your first video in ngram.

From this input to this video

ngram’s first-video guide becomes a four-step tutorial with animated walkthrough scenes.

Create a 30-second step-by-step tutorial video about creating your first video in ngram for product marketers. Source material: https://www.ngram.com/docs/creating-your-first-video (upload slides, paste a URL, or describe the steps). Walk through each step in order: write the brief with the audience, message and desired action; add useful sources and choose a style; approve the plan containing the script; play the preview and request revisions. For each step, show a clear visual, narrate the action in plain language, and add an on-screen label. Tone: clear and encouraging. End with a summary screen of all steps and the line: Create your first video with ngram. Voiceover language: English; if no voiceover, use on-screen captions with light background music.

What you start with
What you get
Drag to compare
Open video in a new tab
Read the exact input

Prompt

Create a 30-second step-by-step tutorial video about creating your first video in ngram for product marketers. Source material: https://www.ngram.com/docs/creating-your-first-video (upload slides, paste a URL, or describe the steps). Walk through each step in order: write the brief with the audience, message and desired action; add useful sources and choose a style; approve the plan containing the script; play the preview and request revisions. For each step, show a clear visual, narrate the action in plain language, and add an on-screen label. Tone: clear and encouraging. End with a summary screen of all steps and the line: Create your first video with ngram. Voiceover language: English; if no voiceover, use on-screen captions with light background music.

Selected style

Blueprint

Source material

Read the video transcript

Here's how to make your first ngram video in four steps. First, write your brief: who it's for, your main message, and the action viewers should take. Next, add useful sources, like slides or a link, and pick a style. Then review the plan and its script, and approve it. Finally, play the preview and request revisions in chat. Create your first video with ngram.

Make it yours

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

Help filling in your brief
[topic]
What the tutorial teaches.
[audience]
Who you're making it for.
[source]
Your source material.
[step-list]
Steps in order, comma-separated.
[duration]
Target length.
[tone]
Voice and pacing.
[closing-line]
Closing on-screen text.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

A tutorial video template is a editable brief plus scene structure that turns any step-by-step topic into a narrated how-to video. The user supplies a topic, a list of steps, and a source (slides, URL, or a plain-text outline); ngram writes the script, sequences the scenes, and generates a video with on-screen labels, captions, and voiceover. The template works for YouTube how-to content, software walkthroughs, staff training, and any situation where showing beats telling.

channel: YouTubeaudience: content-creators-and-educators
Scene structure

What ngram builds from this prompt

Four beats, 60 seconds — the shape most tutorial prompts converge on.

  1. 1

    Hook

    6s

    Name the topic and the outcome. One sentence that answers 'why should I watch this?' before showing a single step.

  2. 2

    Step walkthrough

    40s

    Cycle through each step: on-screen visual, narrated action, labeled callout. Each step gets 6–10 seconds depending on the total count.

  3. 3

    Quick-recap card

    8s

    A motion-graphics summary listing all steps in order. Reinforces retention without re-playing each scene.

  4. 4

    Closing line

    6s

    On-screen text from the [closing-line] slot. Can be a tip, a next-step nudge, or a call to action. No hard sell needed.

Customize

Make it yours

Duration

Fewer steps fit in 30 seconds; a deep walkthrough with setup and troubleshooting can run 90 seconds or longer.

30s60s90s2 min

Narration

AI voiceover is the default. Captions-only suits classrooms, noisy environments, and viewers with hearing needs.

AI voiceoverCaptions + musicNo audio

Style

Minimalist keeps focus on each step. Motion graphics add branded polish for YouTube. Screen-recording polish works when your source is already a walkthrough.

MinimalistMotion graphicsScreen-recording polish

Aspect ratio

16:9 for YouTube and LMS embed. 9:16 for YouTube Shorts and help-center mobile cards. 1:1 for social feed posts.

16:9 landscape9:16 vertical1:1 square
Variations

Common cuts from this template

30-second quick guide

Cover three steps or fewer for a social-first format or a pre-video teaser on YouTube.

tweak

Reduce to 30 seconds. Keep only the three most important steps. Open straight on step one — no extended hook.

YouTube long-form with chapters

Expand to 2–3 minutes with chapter markers for each step, an SEO-friendly intro, and a subscribe CTA.

tweak

Extend to 2 minutes. Add a chapter label for each step. Open with why this topic matters. End with a subscribe prompt.

Slides-based how-to

Use your course or training deck as source material, then review the proposed video plan and script before production.

tweak

Use the uploaded slides as scenes in order. Narrate each slide as a distinct step. Keep transitions clean and consistent.

Staff training cut

Reframe the tone and steps for an internal audience. Add role context and an LMS-ready 16:9 close.

tweak

Reframe for [role] staff. After each step, add one sentence on why it matters to their job. End with where to find more resources.

Answer a help-center question

Use the relevant help article as the source, name the reader’s goal and list the documented steps in order.

Welcome a new teammate

Use your approved onboarding guide as the source and choose the procedures this person needs for their first working day.

Explain a policy or process

Use the current approved policy, identify the audience and make the required actions the steps of the video.

How it works

How to use it

1

Open the template

"Use this template" drops you into the ngram editor with the prompt prefilled. No blank page.

2

Add your details

Replace [topic], [step-list], and the other brackets with your specifics. Attach your slides or paste your URL if you have one.

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.

More templates

Related templates

All templates
Deliver it anywhere

Wire tutorials into your stack

Triggers that connect tutorial creation to the tools you already use.

YouTube
Social Publishing Beta

whenThe finished tutorial video is ready for the YouTube learning channel

thenPlace the tutorial video on the YouTube calendar and publish its post.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished tutorial video is ready for a LinkedIn how-to post

thenCompose the tutorial video as a LinkedIn how-to post, then publish it.

Integrate with LinkedIn
Zapier
Automate

whena new user joins your product

thenauto-generate their onboarding tutorial

Integrate with Zapier
n8n
Self-host

whena self-hosted trigger fires

thengenerate a tutorial in your own workflow

Integrate with n8n
Chrome extension
Capture

whenyou record a walkthrough in-browser

thenstart a tutorial from that recording instantly

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

Frequently asked

Do I need slides or a recording to use this template?

No — you can describe the steps in the [step-list] slot and let ngram generate all the visuals. If you have slides or a URL, attach them and ngram uses them as scene material instead of generating from scratch.

How many steps can I include in a 60-second tutorial?

Five to seven steps is the sweet spot for 60 seconds — about 8 seconds per step after the hook and recap. For more than seven steps, use the 90-second or 2-minute variation, or split into a series of shorter videos.

Can I use this for a software how-to, not just a physical task?

Yes. Swap [source] to a product URL or a screen recording, and set [step-list] to the UI actions in order. ngram pulls screens from the URL or uses your recording as the scene visuals.

What if I want chapters for YouTube?

Use the YouTube long-form variation. Add "Add a chapter label for each step" to the prompt, and ngram will name each scene as a chapter. YouTube auto-detects chapter markers in the description — you can paste the timecodes there after export.

What languages does voiceover support?

Broad coverage across major languages. Set [vo-language] to your target and ngram generates voiceover and captions in that language.

How do I add my brand to the output?

Set up your Brand Kit at /app/brand-kit, then select it when creating the video to use your logo, colors, and fonts.

Can I make the same tutorial in multiple languages?

Yes. After generating the first version, ask ngram in the editor to translate and re-narrate the video in each target language. The captions and on-screen text translate too.

Use the tutorial video template now.

Paste your topic, fill the steps, and generate a narrated how-to video.

Talk to sales