Getting started

There are three ways to start a mado demo. For a web app, use the mado capture extension for Chrome. For any other app, upload screenshots in order. Screen recordings are in beta: you upload one and place the steps yourself. There is no SDK or integration to wire up.

A web app: the Chrome extension

Install mado capture from the Chrome Web Store, open your app and click through the flow. The extension takes a lossless screenshot at every click, with the exact box of the element you clicked, and masks passwords, card numbers and one-time codes as you type. In record mode it can also record your microphone and camera. Press Finish and Studio imports the capture as a draft. With AI assist on, mado writes the first draft of the tooltips, narration and chapters.

Learn this app, the Helper and Sync need extension version 0.3 or later. Learn this app follows the app's own links and keeps each screen as a text outline, and you can make a demo from what it found. Learn this app is on every plan.

Any app: screenshots

For a phone app, a desktop tool, a terminal, or a web app you would rather not capture with the extension, take a screenshot of each screen and upload them in order in Studio. Each screenshot becomes a step. With AI assist on, mado writes the first draft, as it does for an extension capture.

A screen recording (beta)

Upload a recording from your phone or computer, or record your screen in Studio, then place the steps yourself in the editor: scrub the timeline, mark where each screen settles, and put a click target and text on each step. Studio may pre-seed some steps and click targets from the recording; delete any you do not want. AI writing is off for recordings for now, so nothing is written for you. Voice read from the text you type, and music, still work.

Edit

Mark steps, place hotspots, add tooltips, redact anything sensitive. Redaction is destructive at publish time — the pixels are removed from the published asset, never hidden behind an overlay.

Publish

Publishing creates an immutable version. Your share link and any embed already live on a customer's site serve that version, and every version after it, while your plan includes the demo (see Pricing for what happens on a downgrade). See Embedding for how to put it on a page.

Share it as a video, or take it with you

Every plan can export the demo as an MP4 and as a short social cut (9:16, 1:1 or 16:9), both ending on your call to action. On Free they carry the “made with mado” badge. You can also download a recording you uploaded, or the published demo as a zip that plays offline from index.html.

On a phone

A desktop demo opened on a phone plays as a framed window under a headline, opening on the whole screen and zooming to each step. A tablet plays it as captured. When you embed a demo you choose the phone layout and can add a link to watch the full demo.