Bring the approved instructions and real product workflow. Turn each meaningful step into a clear branded video, then keep the project editable as the product, policy, or process changes.
Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.
How credits workTrusted by teams at
How it works
Start with one tutorial. ngram turns the steps into a storyboard you can review before a video renders.
Paste the tutorial text, upload a native-text PDF, or paste a public tutorial URL. ngram reads the goal, prerequisites, numbered steps, examples, and final check.
The agent turns the tutorial into a script and scene plan. Each step gets a clear narration line, visual direction, and recap point instead of becoming a static slide.
Rewrite a step, add a caution, shorten the intro, or ask for a beginner-facing version. The script, captions, and scene plan update together before render.
Export a reviewed tutorial MP4 for help centers, onboarding, training, or product education. Prepare landscape, square, or vertical edits separately, with captions burned in.
Output controls
Numbered steps become separate scenes with their own narration, visual direction, and check point. Long steps split on natural action changes.
Keep approved support wording when accuracy matters, or ask ngram to rewrite a dense tutorial into spoken language for a clearer how-to video.
When the tutorial starts as text, ngram can generate scene visuals, diagrams, and motion cards that make each instruction easier to follow.
Generate narration with a selected voice, then regenerate the affected audio when you change a step or simplify an explanation.
Caption text comes from the reviewed tutorial script and burns into the output, so users can follow the how-to without sound.
Logo, colors, fonts, motion style, approved phrases, and blocked phrases come from the active workspace Brand Kit when one is set.
Prepare a 16:9 help-article edit, a 1:1 feed edit, or a 9:16 product-education edit. Review the layout for each format before exporting one MP4.
Tutorial text, PDFs, fetched pages, scripts, and rendered videos live in your workspace. Account deletion can trigger the product data purge flow from Settings.
The rest of ngram
Turns tutorial steps into a spoken how-to script with a hook, ordered instructions, warnings, and recap. The script stays editable before render.
Learn moreCreates supporting visuals for tutorial steps that start as text, including concept frames, diagrams, and scene art tied to the step being explained.
Learn moreAnimates step labels, callouts, lower-thirds, and recap cards so the tutorial video guides attention without a manual design pass.
Learn moreNarrates the approved tutorial script with a selected voice. Change a step in the storyboard and regenerate the narration for that section.
Learn moreBurned-in captions make the tutorial easier to replay, skim, and follow silently. Caption text follows the script you approved.
Learn moreKeeps customer tutorials, training cuts, and product how-tos aligned with your logo, colors, font choices, voice rules, and approved language.
Learn moreUse cases
Use tutorial to video when the written steps are approved but the audience needs a watchable walkthrough with narration and captions.
See use caseConvert the support tutorial into a short help video so customers see the sequence before opening another ticket.
See use caseKeep the article for search and detail, then add a tutorial video at the top for users who would rather watch the steps.
See use caseConvert a customer setup tutorial into a replayable onboarding video that new accounts can revisit after the kickoff call.
See use caseStart from the same written tutorial CS already uses, then render a feature education video for adoption emails and in-app guidance.
See use caseWhen a tutorial explains one product workflow, use the same steps to create a demo video with callouts, captions, and a clear ending.
See use caseHR and operations teams can convert approved process tutorials into training videos, then revise the source text when the process changes.
See use caseUse the tutorial to video flow when a topic needs more than screenshots. The agent turns each explanation into a clearer visual scene.
See use caseOther converters
Tutorial to video uses ngram's text and document pipeline. Switch converters when the source lives as a broader doc, raw text, or public URL.
Use docs-to-video when the tutorial sits inside a longer handbook, SOP, or multi-section document instead of one focused how-to.
Open converterUse text-to-video when the source is a short script, paragraph, or prompt that does not need tutorial-specific step handling.
Open converterUse URL-to-video when the source is a public product page, help article, or tutorial page that ngram can fetch and read directly.
Open converterTools that pair with this converter
Editing further
After the tutorial-to-video render lands
Open the rendered tutorial on the timeline, trim a step, replace a visual, or adjust a single scene without rebuilding the project.
Open toolCaptions are included in generated tutorial videos; use this tool when a finished tutorial needs a separate subtitle cleanup pass.
Open toolCut a longer tutorial into a shorter recap or support clip by trimming transcript lines instead of scrubbing the timeline.
Open toolTranslate a finished tutorial across captions, on-screen text, and voiceover when the same how-to needs another language.
Open toolGenerating from scratch
When the tutorial is still a rough idea
Start from a short teaching prompt and let ngram plan the tutorial script, scenes, visuals, voiceover, and captions in one project.
Open toolUse a presenter-led format when the tutorial needs an on-screen guide rather than voiceover over motion graphics.
Open toolPaste a finished explanation and create a narrated video when you want the wording read closely instead of rewritten.
Open toolRecord a product walkthrough first, then use the capture as source material for a more visual tutorial video.
Open toolPolishing the source
Before the tutorial becomes video
Turn a rough tutorial outline into a cleaner narration script before converting it into a full video.
Open toolUse the broader text workflow for a quick explanation, announcement, or training note that does not need tutorial-specific sections.
Open toolUse the URL workflow when the source is a public help article or product page and you want ngram to fetch the page text.
Open toolGenerate a tutorial thumbnail or missing concept visual, then add it to the scene that needs more context.
Open toolBuilt for teams
Turn one tutorial, handout, or teaching outline into a video learners can replay without another live walkthrough.
See workflowsConvert support tutorials into help videos that show each step, then embed the result in the article customers already find.
See workflowsTurn setup tutorials and feature notes into onboarding videos customers can revisit after calls.
See workflowsConvert internal how-to docs and process tutorials into captioned training videos with approved wording.
See workflowsTurn product education tutorials into customer-facing videos that explain one workflow at a time.
See workflowsConvert tutorial outlines into narrated videos without recording a fresh take for every update.
See workflowsPackage client tutorials as reusable video assets, then revise the source script when the client wants a tighter explanation.
See workflowsIntegrations
Use live ngram integrations for handoffs and publishing. This page does not import private LMS courses or convert hosted video links.
whenAn approved tutorial is ready for a Studio upload
thenUpload the file in Studio; use Zapier's documented Create Video or Get Status action for this Tutorial to Video job, then pass the result to the next step.
whenAn AI agent is given one tutorial and asked for a how-to video
thenUse MCP's documented create and status tools for this Tutorial to Video job with its supported input, then return the status or result to the agent.
whenA self-hosted workflow receives an approved tutorial document
thenUse n8n's documented Create From Text, Create From URL, or Get Status node for this Tutorial to Video job, then pass the status or result onward.
whenA public tutorial page is open in the browser
thenCapture the page text and start a tutorial-to-video project in a new tab
whenThe video from your tutorial is ready for YouTube Social Publishing Beta
thenVerify the YouTube destination for the approved tutorial video, then publish it now.
whenThe video from your tutorial is ready for LinkedIn Social Publishing Beta
thenCompose the LinkedIn post for the approved tutorial video, then publish it now.
How it compares
A screen recorder captures what happened on your screen. An avatar tool presents a script. A template editor starts from a prompt. ngram starts from the written tutorial, plans the scenes, and keeps each step editable before render.
| Feature | ngram | Synthesia | Loom | InVideo |
|---|---|---|---|---|
| Source material | Tutorial text, native-text PDF, or public tutorial URL | Script entered for an avatar-led video | Screen, camera, or microphone recording | Prompt or script used to draft a video |
| Tutorial structure | Goal, prerequisites, steps, warnings, and recap become separate scenes | Script and scenes are built around the presenter format | Structure depends on the recording | Prompt-led scene draft, edited in the video editor |
| Review before render | Storyboard visible and editable before the video is generated | Script and avatar preview workflow | Review happens after recording | Draft is reviewed in the editor after generation |
| Voiceover | Generated from the approved tutorial script | Avatar voice reads the script | Presenter records voice live or adds narration after | AI voiceover available in generated projects |
| Visual support | AI visuals, motion graphics, captions, and recap frames tied to each tutorial step | Presenter-led frame with visual inserts | Screen recording, webcam, and edits | Template and stock-style scenes edited after draft |
| Updating a tutorial | Edit the source step or storyboard scene and regenerate the affected video section | Update the script and regenerate the avatar video | Re-record or edit the affected section | Update the prompt or timeline and regenerate/edit |
| Aspect ratios | Separate reviewed aspect-ratio edits from one tutorial project | Depends on project setup | Depends on recording and export setup | Multiple formats available through the editor |
| Best when | You have a written tutorial and want a branded, narrated how-to without recording | You want a presenter to deliver a finished tutorial script | You want to record the screen as you perform the steps | You want prompt-to-video generation with manual editor controls |
Tutorial -> Video
Paste one tutorial, review the plan containing the script, and render a captioned video from the steps you already wrote.
Follow a workflow from source material to a video you can review, share and make again.
Each onboarding path or product change
Give Claude your setup guide and current product screens. Review ngram’s plan, then create a walkthrough that helps a new customer finish one useful task.
A verified setup guide and real product screensA first-workflow video with clear next steps
Ways to run: Claude
