Generated footage with graphics
The Glass video combines people and supporting footage with labels, metrics and full-screen graphics.
Motion Graphics that guides attention
Add motion graphics over AI-generated footage or your own recordings. Use labels and callouts on the shot, then cut to a full-frame graphic when a number, process or idea needs more room.
- Add branded overlays and lower-thirds to scenes
- Use product callouts to direct viewers to the relevant UI detail
- Revise one scene in chat instead of rebuilding the whole video
Trusted by teams at
The problem
Static scenes make viewers work too hard
A screen, a product update, or a number on its own does not tell viewers where to look. Someone has to decide what appears, when it appears, and how the scene moves on.
i.
Product details get missed
A viewer may not notice the button, setting, or metric the narration is describing.
ii.
Key steps lose their order
A sequence of actions is harder to follow when labels, zooms, and transitions do not establish what changed.
iii.
Manual animation needs specialist time
After Effects work is hard to justify for every support clip, launch update, or demo.
Motion Graphics builds that emphasis into the video while the script, scenes, and brand stay in the same project.
The solution
Make the important part visible
Keep the footage that carries the story. Use readable overlays to explain what viewers see and motion-graphics inserts for the ideas the footage cannot show. Ask for clean footage when text would distract.
Each scene can make the next idea or UI detail easier to see.
i
Graphics on generated footage
Pair generated scenes with useful labels, names and approved numbers. Use a full-frame graphic between shots when the explanation needs a diagram.
ii
Graphics on your recording
Upload the lesson, walkthrough or interview. Identify the speech to keep, clean up, replace or mute, and the moments that need labels or an explanatory insert.
iii
Control what appears
Ask for a change to the words, timing or graphic in a named scene. A clean/no-text brief keeps the footage clear; ordinary captions remain a separate choice.
What makes Motion Graphics different
Motion is generated from the scene job
The motion treatment sits in the same project as the script, scene plan, product visuals, and brand kit, so the next revision has the context it needs.
Callouts
Point at product details
Labels, highlights, and callout boxes help viewers find the product detail under discussion. Screen recordings can also use click emphasis and step labels.
Text
Animate key lines
Scene titles, lower-thirds, and animated text can follow the selected brand kit's visual direction.
Camera
Use smart zooms
Push-ins, pans, and zooms keep still scenes and long takes easier to follow.
Revisions
Change the scene that changed
Use chat or visual controls to adjust one scene's treatment, then regenerate that scene without replacing the full video.
Two sources, two ways to explain more
An enhanced recorded lecture
This HBase lesson keeps the instructor’s explanation while adding chapter labels, callouts and diagrams. Watch the complete five-minute lesson.
How it works
Generate, preview, revise, and render motion graphics
The motion treatment stays connected to the scene plan, so a revision can target the part of the video that changed.
Set up
Describe the explanation
Start in Studio with a brief and sources. Ask for the callouts, labels or diagrams that would help this audience understand the idea.
Generate
Generate the scene treatment
ngram plans the script and storyboard, then adds animated text, callouts, zooms, and transitions to the scenes that need emphasis.
Review
Preview and revise the detail
Review the video in ngram, use chat or visual controls to request a different treatment, and regenerate the affected scene when needed.
Render
Render the finished video
Keep editing the script, visuals, captions, and audio in the same project, then download the finished video as an MP4.
Who uses Motion Graphics
Who uses Motion Graphics
Teams use Motion Graphics when a viewer needs help following a product detail, a sequence of steps, or the structure of an explainer.
Launch scenes with guided attentionCreate a feature announcement videoClient videos with polished emphasisBuild a client deliverableTutorials that point to the right stepCreate an onboarding or help videoPitch clips with a clearer throughlineCreate a founder update video
Product marketing
Use overlays, callouts, and transitions to make launch videos easier to follow.
Agencies
Create a branded visual treatment inside the project, then revise the affected scene when client feedback changes the message.
Customer success
Use labels, highlights, and zooms to show customers exactly where to look.
Founders
Use animated titles, transitions, and branded emphasis to separate the main ideas in a short founder update.
Where to use Motion Graphics
Where motion graphics fit in the real work
Use Motion Graphics when the viewer needs help following a product story, a workflow, or the handoff from one idea to the next.
primary
View use caseProduct Launch Video Maker
Turn the feature PRD, the screenshots, or a rough screen recording into a launch-ready video. A product launch video maker built for SaaS hands you back motion graphics, captions, brand polish, and a reviewed edit for each channel you need, without an agency invoice or a missed release window.
primary
View use caseFeature Announcement Video
Paste your release notes, the PRD, or the product URL. Get back a polished feature announcement video with motion graphics, captions, and your brand kit — ready to ship the same sprint the feature does.
primary
View use caseExplainer Video
Turn the material you already have into a video your audience can follow. Use an explainer video maker for lessons, product stories, and the explanations your team needs to keep current.
marketing
View use caseMarketing Ad Creative
A marketing ad creative pipeline built for brand and demand-gen teams who need every campaign launched with a full library of variants, not a single hero cut. Drop in a product clip or a campaign brief. Get back twenty captioned, on-brand video ads ready for every paid placement.
primary
View use caseStartup Explainer Video
Drop in your pitch deck, product URL, or a rough screen recording. A startup explainer video maker built for pre-seed and Series A teams hands you back a 60-second story with the right narrative arc, brand polish, and motion graphics — without the agency invoice.
primary
View use caseTraining Video
Turn your SOPs, screen recordings, and process docs into a corporate training video in under thirty minutes. Smart zooms on every click, step labels on every menu, captions burned in, branded intro applied — ramp new hires faster without booking a video team.
Comparison
Motion Graphics compared with the usual workflow
Motion Graphics stays in the ngram project with the script, storyboard, brand kit, and editor. This uses workflow categories rather than unverified competitor claims.
| Capability | ngram | Manual workflow | Template editor | Point tool |
|---|---|---|---|---|
| Motion source | ● Planned from the project context | × Built by a motion designer | ~ Template animation presets | ~ Single-purpose effect |
| Product emphasis | ● Callouts, labels, smart zooms | × Manual keyframes | ~ Manual layout edits | ~ Limited to tool scope |
| Brand fit | ● Uses brand kit direction | × Requires style handoff | ~ Template-dependent | ~ Manual setup |
| Revision path | ● Revise one scene in chat or controls | × Reopen animation files | ~ Edit template elements | ~ Export and re-import |
Pair with other features
Keep motion connected to the rest of the video
Motion Graphics works best alongside the features that establish the brand, generate the visual material, make a script editable, or let you finish the scene directly.
Most paired
Brand Kit
Use the selected brand kit's colors, fonts, motion style, and approved language as the direction for each motion-graphics scene.
Visual source
AI Visuals
Generate or refine the scene imagery first, then use Motion Graphics to give the resulting video a clearer visual rhythm.
Product walkthrough
Screencast Editing
Turn a raw product recording into a clearer walkthrough with cursor smoothing, click emphasis, step labels, and transitions in the screencast workflow.
Final pass
Video Editing
Open the timeline, canvas, script editor, or chat when the motion scene needs a broader edit to the video's visuals, narration, or audio.
Related capability
Depth Captions
Put selected emphasis words behind a large presenter while keeping the ordinary subtitle track separate.
Related capability
Technical Animation
Use Machine anatomy when the explanation needs a cutaway of a mechanism and its moving parts.
Convert into video
Start Motion Graphics from the source you already have
Start with a document, recording, page, slide deck, or image. Each converter makes the first video draft editable, so Motion Graphics can clarify the scenes that need it.
Start withVideo output
Text to Video
Turn a written message into an editable video, then add animated emphasis to the scenes that carry the main point.
Start withVideo output
Slides to Video
Turn a PPTX or PDF deck into an editable narrated video, then add titles and transitions where the story needs a clearer handoff.
Start withVideo output
Screenshots to Video
Turn product screenshots into a video, then use adjacent labels, crop-and-zoom treatment, and captions to explain the UI.
Start withVideo output
Blog post to Video
Turn a written post into an editable video, then use text motion and transitions to separate the ideas.
Start withVideo output
PDF to Video
Convert a PDF into an editable narrated video, then use branded titles and scene transitions to structure the explanation.
Start withVideo output
Image to Video
Animate a still image into a video scene, then use the project editor to add branded text and a transition into the next idea.
Polish with tools
Tools that help finish a motion-graphics video
Use these focused tools for text, editing, captioning, logo reveals, image motion, and a smaller delivery file. Continue from the result when the full project needs more work.
Motion
Add text to a videoAdd Text to Video
Add titles, on-screen instructions, or product callouts to the moments that need more context.
Edit
Open the video editorVideo Editor
Use the timeline, canvas, and chat when a motion treatment needs changes alongside the rest of the video.
Captions
Generate captionsVideo Caption Generator
Generate and edit captions that sit with the rest of the branded visual treatment.
Logo
Animate a logoLogo Animation Creator
Create a reusable logo reveal, then bring the chosen animation into an editor project for an intro or outro.
Animate
Animate an imageImage to Video
Animate a product still or campaign image before you add it to a larger branded video.
Share
Compress a videoVideo Compressor
Make a smaller delivery file for a review, email, or upload while keeping the original project for the next revision.
Plug into your stack
Connect ngram to the tools your team already uses
Use live integrations to start a motion-graphics project from an existing workflow or publish the finished video to a supported channel.
Zapier
Start a video job from a Zapier event when the source material is ready for an animated product update or explainer.
n8n
Use n8n to start repeatable ngram video jobs when a source event should become a branded animated video.
MCP Server
Let a supported AI agent call ngram through the MCP endpoint when it needs to start or inspect a video workflow.
Chrome Extension
Start a video from the webpage open in Chrome, then add a Motion Graphics treatment inside the ngram project.
YouTube
Social Publishing is in Beta. Connect YouTube with OAuth and publish a finished motion-graphics video now or on a one-off schedule.
Social Publishing is in Beta. Connect LinkedIn with OAuth and publish a finished motion-graphics product update video now or on a one-off schedule.
X (Twitter)
Social Publishing is in Beta. Connect X with OAuth and publish a finished motion-graphics update video now or on a one-off schedule.
Use the integration that matches where the source work starts or where the finished video needs to go.
Explore integrationsQuestions about motion graphics
What does Motion Graphics add?
It adds branded text overlays, lower-thirds, callout boxes, animated graphics, smart zooms, and transitions to the scenes that need emphasis.
Does it follow the brand kit?
Yes. Brand kit direction can guide typography, colors, motion style, and visual treatment.
Can it point at product UI?
Yes. Product callouts use labels, highlights, and callout boxes to direct attention. On screen recordings, ngram can also add click emphasis and step labels. On supplied stills or video, it uses nearby labels or crop-and-zoom treatment rather than pixel-anchored overlays.
Does it work with screen recordings?
Yes. Upload the recording, name the useful steps and choose the speech treatment. Request callouts over the action or an explanatory graphic between recorded passages.
Do I need After Effects?
No. Motion Graphics is part of ngram's video workflow, so you can plan, generate, and revise routine overlays and callouts without opening a separate motion-design tool.
Can I revise motion on one scene?
Yes. Use chat or scene controls to ask for a different treatment on the affected scene.
What kind of videos benefit from motion graphics?
Product demos, launch videos, explainers, tutorials, training videos, and sales clips benefit when a viewer needs help following a sequence or finding the detail that matters.
Can Motion Graphics work with an existing still or video?
Yes. Use an existing still or video in a scene, then add branded text, adjacent labels, crop-and-zoom treatment, or transitions. Pixel-anchored overlays on supplied media are not part of the workflow.
Does Motion Graphics automatically reframe a video for every aspect ratio?
No. Motion Graphics does not promise automatic multi-aspect reframing. Use the normal project and editing workflow for the video you are making, then export the finished video as MP4.
Can I keep the speech from an uploaded recording?
Yes. Specify whether to keep, clean up, replace or mute it. Ask for the original speech to continue through a graphic insert and return to the footage in sync, then review the result.
Create your next video with Motion Graphics
Keep the script, scene plan, brand kit, and motion treatment together while you make the video easier to follow.
Plan, revise, and render in the same project.