Skip to content
SayScreen

Examples

Software tutorial video examples

These are real tutorials, not mock-ups. SayScreen recorded, narrated and edited each one in the live app from a single prompt, and each step was checked against the app before it went up. Watch them for ideas on length, pacing and narration, and copy any prompt you like.

Help center answers: one question, start to finish

How to make a QR code in Canva

  • 1:06
  • 6 steps

What to notice

  • It says what you'll have at the end before it touches anything.
  • It warns you off the wrong option before you can pick it: “You'll see a dynamic option first, but skip it.”
  • It explains the catch at the moment it matters: a static code's link can't change later.
  • It ends on the finished QR code, then suggests what to try next.
The prompt that made it
Show how to make a free QR code in Canva. Open Apps in the left sidebar, search for QR code, and choose Static QR codes, not a dynamic one. If it isn't listed there, search for QR code in Elements instead. Enter https://sayscreen.com as the link and generate the code so it lands on the page. Mention that a static code is free, but its link can't be changed later. End by clicking an empty spot so the QR code shows on its own.

See its steps and transcript

Software training: a skill you'll use again

How to group elements in Canva

  • 1:29
  • 8 steps

What to notice

  • It lays out the plan in one sentence: add two things, group them, then ungroup them.
  • The instruction is exact enough to follow: drag a selection box “from an empty spot”.
  • It points out a detail you might miss: the dotted outline shows the heading is still part of the group.
  • It confirms the result out loud: the toolbar shows Group again, so they're separate elements.
The prompt that made it
Show how to group elements in Canva. Add a heading from the Text panel, then add a square from Elements, so there are two things on the page. Drag a selection box across both to select them. If that doesn't select both, press Control+A. Click Group in the floating toolbar, then drag the group to show that both move together. Then click the group, click the heading inside it and drag it a little, to show that you can move one element without breaking the group. Finally, select the whole group, click Ungroup in the floating toolbar, and end by clicking an empty spot.

See its steps and transcript

Developer and admin docs: a form with choices to explain

How to create a repository in GitHub

  • 1:22
  • 8 steps

What to notice

  • It defines the term first: a repository is the home for your project's code and files.
  • It says where the control is and what it's for: the plus menu in the top-right corner, where you create new things.
  • It reads the app's feedback back to you: GitHub confirms the name is available.
  • It ends on the new page and says why it looks that way: the README gave it a first commit.
The prompt that made it
Show how to create a repository on GitHub. Click the + menu in the top-right corner and choose New repository. Name it demo-project and add the description "A demo project". Leave the visibility on Public, and mention that anyone can see a public repository, while a private one is only for people you choose. Turn on the README option so the repository doesn't start empty. Click Create repository, then end on the new repository's page with the README showing.

See its steps and transcript

Quick feature tips: one control, shown both ways

How to curve text in Canva

  • 1:08
  • 7 steps

What to notice

  • It opens on why you'd want this: curved text makes titles, badges and logos stand out.
  • It explains the control while using it: “The higher the number, the tighter the circle.”
  • It shows the opposite case too: negative numbers curve the text “like a smile instead of a rainbow”.
  • It clears the selection so the result shows on its own, then recaps the steps in one sentence.
The prompt that made it
Show how to curve text in Canva. Select to add a new text, a heading, add it to the middle of the doc, click Effects in the toolbar above the design, and choose Curve under Shape. Drag the Curve slider to make the arch stronger, then show that a negative number curves the text the other way. End by clicking an empty spot so the curved heading shows on its own.

See its steps and transcript

What to copy from these

These work whichever tool you use. The guide to making a software tutorial video covers them in detail.

One task, about a minute
Each video teaches one thing and stops. Nobody has to scrub through a tour to find the part they need.
A first sentence that sets it up
Each one says up front what you'll do or why you'd want it, so you know within seconds whether it's the right video.
Exact names, spoken aloud
Each step names the button as it appears on screen, so you can find it in your own window while the video plays.
The reason, not only the click
The narration explains what a control does as it's used: the higher the curve number, the tighter the circle.
A warning before a wrong turn
The QR code video flags the misleading option and the catch at the moment they matter, which a list of clicks can't do.
A clear end
Each one finishes on the result, so you can tell you've reached the same place.

Looking for product demo examples?

These are all tutorials, which teach someone a task. A product demo persuades someone who hasn't bought yet, and we'd rather show none than pass a tutorial off as one. Until we have real ones to show, the product demo video guide has a script you can copy, and the best AI demo video generators shows what each tool can make.

Make a tutorial like these for your own app.

Point SayScreen at your app, say what to teach, and get a narrated, edited video back.

$1 for 7 days, then $29/month · Cancel anytime