InstaDemo InstaDemo
Product Updates

Turn Screenshots Into a Narrated Video Manual — Even Behind a Login

Drag in screenshots of your product, put them in order, and InstaDemo writes the script, reads it aloud and edits it together. No screen recorder, no extension, and no URL that has to be publicly reachable — so it works for localhost, staging, and anything behind a sign-in.

Elminson, InstaDemo · · 5 min read
Turn Screenshots Into a Narrated Video Manual — Even Behind a Login

You can now build a narrated video manual out of screenshots. Drag in the screens you want explained, put them in order, and InstaDemo writes the script, reads it aloud, and edits it together with camera moves and step titles. No screen recorder, no extension, and no URL that has to be publicly reachable.

That last part is the point. If your product lives behind a sign-in — a dashboard, an admin panel, an internal tool — a crawler cannot see it. But you can. You already have the screenshots, or you are two keystrokes away from them.

Upload your screenshots →

Why screenshots

InstaDemo has always been able to crawl a public URL, and Autopilot can record you clicking through an app in your own browser. Both are good. Both need something pointed at a live, working page.

Screenshots need nothing. That covers a longer list of real situations than it sounds like:

  • An app on localhost, or a staging environment nobody outside your network can reach.
  • A flow that needs a real card number, or a real customer record, or a step you would rather not automate against production.
  • A page that misbehaves under automation — anything that fights a headless browser, throws up a bot check, or renders differently when it is not a person driving.
  • A product that is still a design. Figma frames are screenshots too. You can narrate a walkthrough of something you have not built yet.

There is a quieter reason as well. Every hard failure in our pipeline this month was a capture failure — a bot wall, a page that painted nothing, images that loaded too late to be photographed. A screenshot you took yourself has none of those failure modes. It is the most reliable input we accept.

We never ask for your password

You take the screenshots. We never touch your app, never see your credentials, and never hold a session to your product. For anyone whose dashboard shows customer data, that distinction matters more than the feature does.

How it works

  1. Capture your screens. Use whatever you already use — the macOS shortcut, a browser extension, your own tooling. PNG or JPG.
  2. Drop them in. Go to Autopilot, open the From Screenshots tab, and drag them in. Arrange them in the order you want them explained: screen three becomes step three.
  3. Say what your product does. One or two sentences. More on why this matters below.
  4. Review the script. You get a per-screen editor: how long each screen holds, what the voice says about it, whether it opens with a title card, and how long the whole video runs. Nothing renders until you say so.
  5. Generate. You get an MP4.

The one field people will want to skip

Before you upload, InstaDemo asks what your product does. It is not a formality, and it is the difference between a good video and a useless one.

A screenshot shows what your product looks like. It cannot show what it is for. When we recorded a flow with the extension we could read the page's real headings and button labels straight from the browser, so the script had something true to work from. A PNG dragged in from your desktop carries pixels and nothing else.

Without that sentence, the narration describes furniture. You get "a table of entries with a blue button in the corner" — accurate, and worth nothing to a viewer who is already looking at the table. With it, you get a video that explains your product.

Two sentences is plenty:

Orbit is a scheduling tool for barbershops. Owners manage their calendar, take deposits, and send reminders so clients stop no-showing.

Two kinds of video

The same screenshots can be cut two ways, and you choose in the editor:

  • A how-to walkthrough. Every screen, in order, with numbered step titles. The voice teaches: what you do here, and what happens as a result. This is the default, and it is what most people uploading screenshots actually want — documentation that plays.
  • A promo. The same screens reordered into an argument rather than a tour, with the script pitching the product instead of instructing. Use this when the audience is a prospect, not a user.

What you get on each plan

Screenshot walkthroughs work on every plan, including free. There is no separate charge and no lifetime limit.

Free fits about six screens, because free videos run 45 seconds and a narrated screen takes roughly seven of them. Output is 480p with a watermark. Pro ($19/month) takes up to twenty screens, drops the watermark, renders at 1080p, and removes the length cap — a twenty-screen manual runs as long as it needs to. You can also set your own ceiling if you would rather keep it tight.

We would rather you hit the limit having seen what the output looks like than never find out.

Try it

Take four or five screenshots of the thing you are always explaining over a screen-share, and drop them in. It takes about a minute, and you will know quickly whether it is worth doing for the rest of your product.

If you would rather record a live flow than capture stills, InstaDemo Autopilot does that too — same account, same editor, same narration.

Turn your website into a demo video

InstaDemo creates a narrated product demo from any URL in minutes.

Start free