App tutorials · Chrome extension

The app tutorial maker that drives your app for you.

Paste what you'd say to a colleague. Tuti Tuti works out which sentences click, which ones point, and which ones just talk, then performs the tutorial on your live app with a human cursor and a narrator, and records the video.

What is an app tutorial maker?

Most tools called tutorial makers are screen recorders with extras: you still drive the mouse, talk into a microphone, and cut the takes. Tuti Tuti is different in one way that changes everything after it. The script is the whole job. You write one sentence per step, in plain words, naming things the way they appear on screen. The extension reads the sentence, finds the element on the real page, moves a cursor to it, clicks or types, and speaks the sentence in sync with the action. When your app changes, you change a sentence and press Export again.

Everything a tutorial needs, from one script

The parts you used to do by hand, done by the sentence that describes them.

01

Clicks, typing, dragging, drawing

“Click New warehouse at the top right.” “Type "Main floor" into the Name field.” “Click and drag on the floor plan.” Each becomes the real action, performed on the real app.

02

A human cursor and a spotlight

The cursor eases to the target like a hand would. A soft ring lights the element while the sentence that names it is spoken.

03

Captions synced word by word

Every word lights up as the narrator reaches it, so the viewer can follow with the sound off.

04

A narrator you choose

A natural narration voice you pick from a list. Clips are made once and kept; only a changed sentence is regenerated.

05

Chapters, one file each

Blank lines in the script become chapters. Export the whole tour or one chapter at a time.

06

Privacy blur on the way out

Emails, phone numbers, and names you list are blurred on screen before the recorder sees them.

Rehearse once

It walks the app before it records it.

Rehearsal pins each sentence to the element it names. When two things look alike it asks you once; you pick, or click the element on the page. After that, playback never guesses. Beats that still need you are flagged in red, and export waits until they are fixed.

A tutorial in three moves

1

Paste your script

One sentence per beat. Name things the way they appear on screen. Blank lines between chapters.

2

Rehearse

Tuti Tuti walks your live app and pins every sentence. Fix any red flags by rewording or pointing.

3

Export

Press Play to watch, Export to record. The MP4 lands in Downloads, one file or one per chapter.

App tutorial maker: the questions people ask

What tool do people use to make a product walkthrough video of a web app?
The common answers are screen recorders with polish (Loom, Screen Studio, Tella) and guided-demo tools that capture clicks into a click-through (Arcade, Storylane, Navattic). Both still need you to drive the app yourself, and the recorder kind needs re-recording when the UI changes. Tuti Tuti drives the app from a written script, so making the video and keeping it current are the same action: edit a sentence, export again.
Can I make an app tutorial without recording myself or my voice?
Yes. You never touch the mouse during a take and never speak into a microphone. The narration is generated from your script with a voice you pick; the cursor, clicks, and typing are performed by the extension.
How do I keep tutorial videos up to date when the UI changes every sprint?
Keep the script, not the recording. In Tuti Tuti the script is the source: when a button moves or is renamed, you re-rehearse that chapter, fix the one sentence, and export that chapter. The other chapters are untouched.
How long should an app tutorial be?
Short. One task, under two minutes, is what people finish. Blank lines in the script make chapters, so a long tour exports as several short videos that you can place next to the feature each one teaches.
Does it work on any web app?
Any page you can open in Chrome, including apps behind a login, local development servers, and staging sites. The app's own iframes are the one thing it does not reach inside.
Is the video quality good enough for a help centre or YouTube?
It records the tab at up to 2880 by 1800 at 30 frames per second as MP4 with the narration mixed in. No watermark on any plan.

Your app, narrating itself, this afternoon.

Install the extension, paste a script, and watch. Rehearsing and playing are free.

Tuti Tuti - powered by Pandacat.