--- title: "Product Demo Video Maker: Show How It Works | Potto AI" description: "Make a product demo video from a product link or screenshots. Claude Opus 5.5 writes the script, your real screens become scenes, and you export a narrated MP4." canonical: "https://potto.ai/product-demo-video" language: "en" dateModified: "2026-10-09" --- # Product Demo Video Paste a link to your product or add screenshots, and Potto turns your real interface into a narrated product demo video with captions and music, so viewers see how your product works and what it does for them. ## Product demo videos and more made with Potto The first sample is a product demo video made from our AI image generator page link and three screenshots of it, with Video type set to Product Demo. The others come from the same creator: a launch video and a feature walkthrough made from page links, a how-to made from a product manual PDF, and a vertical and a square cut. Select a poster to play it. ### AI image generator demo *16:9 · 28s* A product demo video from our image generator page link and three uploaded screenshots: write a brief, type three lines, then pick a model. ### Launch video from a homepage link *16:9 · 31s* Our homepage link turned into a short launch video: what Potto is, who it is for, and the two things it makes. ### Feature walkthrough from a page link *16:9 · 30s* The background remover page link turned into a feature walkthrough: the captured page for the upload step, then removing the background and choosing a transparent or flattened result, with music and no voiceover. ### How-to from a product manual *16:9 · 34s* A quick start manual for a sample kettle, uploaded as a PDF and turned into a how-to: first use, setting a temperature and cleaning. ### Vertical cut for phones *9:16 · 18s* A sample slide deck as a vertical clip that opens on one number, adds two more and ends on the next launch, sized for phone screens. ### Square cut for feeds *1:1 · 22s* A sample report as a square clip with three numbers, one sentence each, framed for a social feed or a newsletter. *These samples show Potto's own pages, or documents we wrote whose companies and figures are fictional. None of them is a customer project.* ## From product screenshot to demo scene A screenshot of our AI image generator page, uploaded together with the page link, next to the frame where it opens the product demo video. The interface is the real page; the demo adds a caption, narration and motion. ![Screenshot of the Potto AI image generator page at 1440×900, uploaded with the page link](https://cdn.potto.ai/images/product-demo-video-source-first-view-1080.webp) *Uploaded screenshot · 1440×900* *Demo frame · 0:02 · 16:9* ### What stays from your product Buttons, labels and layout in the frame come straight from the uploaded screenshot. Your product demo video is only as accurate as the screens you give it, so use screens that match the current version. ### What the demo adds A short caption, narration that explains the step, and motion between scenes; you can also set a focus point to pull attention to one control. None of this adds behavior your product does not have; it points at what is already on the screen. ### What to check before you export Make sure each caption names the control that the focus point shows, and that the order of scenes matches the order a person would really click. If a step happens behind a login, add a screenshot of it, because a link only gives Potto public pages. ## Pick the demo by where people will watch it Product demo videos work best when each one follows one task for one audience. Decide where your demo will play first, then set its inputs, length and frame in the product demo video maker to match. ### Homepage and landing page demos *16:9 · 28s* Show a visitor what your product does in one path: the input, the action and the result. A public product link is enough to start, since Potto reads the page and its brand. Keep it to one task, and end on the screen that shows the result a visitor came for. ### Sales, onboarding and help center demos *16:9 · 30s* When the steps happen inside your app, upload screenshots of each screen in order, with sample data rather than real customer details. A demo for new users or a help article can go one step per scene, so narration has time to name each control before the next screen. ### Demo clips for social feeds *9:16 · 18s* Cut a demo down to the single moment that makes people want to try it, and export it in 9:16 for phones or 1:1 for feeds. Captions carry the message for viewers who watch without sound, so keep each line short and specific. ## How to make a product demo video Use this product demo video maker in three steps with the creator above. Generating and previewing are free, and a credit price appears before you export. ### 1. Add your product link or screenshots Paste a public link to your product page, or upload screenshots of each step, up to 8 attachments per project. Set Video type to Product Demo, then write a sentence on the task to show and who will watch the demo video. ### 2. Review the storyboard and scenes Read the outline, storyboard and voiceover script that Claude Opus 5.5 drafts. For any scene, edit words on screen and narration, swap a screenshot or choose a focus point, so every step points at the right control. ### 3. Preview, then export an MP4 Watch your product demo video in the browser for free. When it reads right, export a 1080p MP4 at 30 fps in 16:9, 9:16 or 1:1. Credits are charged only when you export, based on length, narration and illustrations. ## What the product demo video maker does with your screens Many demo video makers record your screen or build a clickable tour, and others put an AI presenter in front of slides. Potto's product demo video maker keeps your real interface on screen and builds a narrated video around it: a script that follows one task, scenes that point at each control, and an MP4 you can post on your site or in a feed. ### A demo script written from your product From your brief and the pages Potto reads from your link, Claude Opus 5.5 drafts an outline, storyboard and voiceover script for your product demo, and your screenshots are placed into its scenes. Scenes are rendered with Remotion, with AI-generated illustrations and voiceover where a scene needs them, and the preview you watch is the same composition you export. - Outline, storyboard and script drafted by AI - Preview matches the exported MP4 *Opening scene of the image generator demo* Opening scene of a product demo video made from the AI image generator page ### Your interface, not a mock-up Screenshots you upload, and the first view captured from a public link at 1440×900, become the screens in your demo video. In each scene you can choose the focus point so viewers look at one control, or swap in a different screenshot when your product changes. - Up to 8 screenshots and files per project - A focus point for each screen *A scene built from an uploaded screenshot* Product demo video scene built from an uploaded screenshot of the AI image generator prompt box ### Your brand from your link or brand kit Your product link gives Potto your brand name, colors, fonts and logo. With a brand kit selected, or the default brand turned on, four brand colors are applied to the visuals, the font is one of Inter, Space Grotesk or Bricolage, and your logo appears in opening and closing scenes. - Brand pulled from your product link - Logo in opening and closing scenes *Closing scene with the logo and colors from a link* Closing scene of a launch video made from the potto.ai homepage link, with the Potto AI logo and the site colors picked up from that link ### Narration in 32 languages, with captions and music Choose any of 32 narration languages or let Potto detect a language automatically. Captions highlight each word as it is spoken, and background music comes from Potto's own library of original tracks, matched to the style and length; you can change the track by hand. - 32 narration languages or auto-detect - Word-by-word captions *A scene from the image generator demo with narration and captions* Product demo scene with an English caption over the model picker of the AI image generator ### One demo video, three aspect ratios This product demo video maker exports a 1080p MP4 at 30 fps in 16:9 (1920×1080), 9:16 (1080×1920) or 1:1 (1080×1080). Aspect ratio does not change the price, so pick the frame that fits your website, app store page or feed. - 16:9, 9:16 and 1:1 frames - Price not affected by aspect ratio *One sample report in 16:9, 9:16 and 1:1* Three frames from one sample PDF report video in wide, vertical and square shapes ## Keep exploring Potto AI Product demo videos show how your product works. These pages cover other videos and tools around a demo. - [Product Launch Video](https://potto.ai/product-video.md): Announce a release or a new feature from your screenshots. - [Explainer Video](https://potto.ai/explainer-video.md): Teach a concept with a script, narration and captions. - [AI Video Generator](https://potto.ai/ai-video-generator.md): Start from a brief and choose the video type later. - [AI Motion Graphics](https://potto.ai/ai-motion-graphics.md): Every Potto video style, from kinetic text to data stories. - [Image Upscaler](https://potto.ai/image-upscaler.md): Sharpen a small screenshot before it becomes a scene. - [AI Image Generator](https://potto.ai/ai-image-generator.md): The tool in our demo: make an image from a prompt. ## Product Demo Video FAQs What product demo videos are, how this product demo video maker uses your link and screenshots, and the edits, formats and prices to know before exporting. ### What is a product demo video? A product demo video is a short video that shows the product being used, so viewers see how it works and what problem it solves before they try it. A good product demo follows one task from start to result on the real interface, with narration that explains each step. In Potto, each product demo video is built from your own screens: screenshots or a captured product page become scenes, with motion, captions, voiceover and music added around them. ### What is a product demo video maker? A product demo video maker is a tool that turns material about your product, such as screens, a page or notes, into a finished demo video without filming or editing by hand. Some demo video makers record your screen or click through an interactive tour; Potto's product demo video maker writes a script and storyboard with Claude Opus 5.5 and renders your screenshots into animated scenes, so you get an MP4 rather than a recording or a clickable tour. ### How is a product demo video different from a product launch video? A product demo video shows how the product is used and what it does, while a launch video announces something new, such as a release or a feature update. Choose Product Demo when viewers need to understand a workflow, and Product Launch when they need to hear what changed and why it matters now. Both start from the same creator; the Product Launch Video page covers launch and release videos. ### How do I make a product demo video with Potto? To make a product demo video, paste your product link or add screenshots in the creator at the top of this page, set Video type to Product Demo, and write a sentence about the task you want to show and who will watch. Potto drafts an outline, storyboard and voiceover script; you review and edit them scene by scene, preview in your browser for free, and export an MP4 when every step reads right. ### Can the product demo video maker work from a link? Yes. Paste a public http or https link and Potto reads that page and up to 2 more pages on the same site, such as about, features or product pages. It pulls your brand name, colors, fonts and logo, and captures the first view of the page at 1440×900 for screens that need it. Pages behind a login cannot be read, so for in-app screens, upload screenshots instead. ### Which screenshots work best in product demo videos? Full-window screenshots of each step in one task work best: a starting screen, the screen where a person acts, and the result. Capture them at the size people use your product, with realistic sample data and no personal details. A project holds up to 8 attachments, screenshots and documents combined, and in each scene you can choose a focus point so viewers look at the right control. ### Does the product demo video maker record my screen or use an AI avatar? No to both. The product demo video maker builds each demo from still screenshots and captured pages, with animated scenes, captions, voiceover and music, so it does not record your screen and does not generate an on-camera presenter. At the moment you cannot upload an existing video or screen recording to analyze or edit; this page is for making a new product demo video. ### Can I edit the script and scenes before exporting? Yes. Before you export your product demo video, you can edit the words on screen and the voiceover script for each scene, swap in another screenshot, choose its focus point, and regenerate an AI illustration or replace it with your own upload. Preview again after each change to check that the narration matches the screen it describes. ### Which languages, captions and music does a demo video get? Narration can use any of 32 languages, or Potto can detect a language automatically, and captions highlight each word as it is spoken. Background music comes from Potto's own library of original tracks, picked for the video style and length, and you can change it by hand. Listen once for product names and feature terms before you export. ### What formats and sizes can I export? Every product demo video exports as a 1080p MP4 at 30 fps. Choose 16:9 (1920×1080) for a website, help page or sales deck, 9:16 (1080×1920) for phones, or 1:1 (1080×1080) for feeds. A 4:5 frame and GIF export are not available. ### How many credits does a product demo video cost? Making and previewing your product demo video is free; credits are charged only when you export. The price depends on video length, narration length and how many AI illustrations you use, and aspect ratio does not change it. For example, a 30-second video with English narration and no illustrations costs 153 credits, and adding 2 illustrations brings it to 199 credits. Each account can start up to 30 video projects and generate up to 60 illustrations a day. ## Make your product demo video Paste your product link or add screenshots, choose Product Demo, and review every scene before you export a narrated MP4.