demosynth
Build a demo
YOUR ACTUAL PRODUCT. YOUR NEXT AHA.

Turn a live website
into a clickable demo.

Capture real clicks in Chrome. Bring the screenshots into your studio.
Shape the story, move the hotspots, and export your tour.

Free on this device. No account needed to capture or edit.
01 GET THE CAPTURE EXTENSION

One install. Every product story.

Capture your real product with the DemoSynth Chrome extension. Install from the Chrome Web Store and receive future updates through Chrome.

Add to Chrome
  1. Select Add to Chrome on the store page and confirm the installation.
  2. Pin DemoSynth to your Chrome toolbar so capture is always a click away.
  3. Return here and select Check again. If you already have DemoSynth installed, its Open capture setup action can also connect this workspace.
Checking extension connection…

Access is limited to the tab you choose. No all-sites permission, microphone, or video recording.

02 CHOOSE YOUR FLOW

Open the website you want to show.

Once the extension is installed, open your website in a new tab. Start capture from the DemoSynth extension there, then click through the flow you want to explain.

  1. Click Start Capture in the extension. Enable Blur Sensitive Text if needed; Alt + B blurs a hovered element.
  2. Click through your product. Each captured interaction becomes a screenshot and an editable target.
  3. Choose Finish & Open in Studio. The screenshots transfer directly into this browser’s studio, ready for review.

When you cross to another website origin, reopen the extension and choose Resume on this page.

Import a capture JSON backup →Start from a GitHub repository →

A screenshot tour, with you in control.

DemoSynth captures the page you choose in your browser, including signed-in applications you can access. Review every screen before sharing. Captured screens remain local until you explicitly publish through a configured cloud workspace; cross-device publishing is still being connected.

Install through the Chrome Web Store link above. Local editing supports up to 200 steps. Chrome browser pages and other extensions cannot be captured, and the extension cannot inspect the contents of cross-origin iframes. Automatic transfer is available on demosynth.com and configured localhost workspaces; other self-hosted domains can use the JSON backup handoff.