Guide · Screen recording to TikTok
How to turn a screen recording into a TikTok
Your app runs in a browser window or on a phone, you have a recording of it working, and you want something people will actually watch. This is the method, including the step almost everyone gets wrong.
The short answer
Cut the recording down to the 10 to 15 seconds where something visibly changes. Open with a line of text in the first 1.5 seconds, get the app doing the thing on screen by second 6, and end on the result. Reframe to 1080 by 1920 by punching in on the region where the action happens, never by shrinking the whole window into the middle of a vertical frame. Keep on-screen lines to three to eight words, one per step, about two seconds each.
Everything below is the detail behind those four moves, in the order you would actually do them.
Why a raw recording flops when you post it as it is
The frame wastes two thirds of the screen
A 16:9 recording that fills the width of a 9:16 frame takes up under a third of its height. Your 14 pixel interface text arrives at roughly 8 pixels before the phone scales it down again. Nobody squints at a feed.
The pace is desktop pace
Recordings are full of loading, typing, and hunting for menus. Those seconds are free when someone is watching over your shoulder and expensive when the alternative is one thumb swipe.
There is no reason to stay
A recording starts when you press record. A post has to start with a promise. In app campaigns the same footage behind a different opening line moves cost per install by two to four times.
Step 1 · The shape
What has to be on screen, and when
Every short video that works with app footage runs the same shape. The clock below is the one to build against, and the times are strict rather than approximate.
| Time | What is on screen | Why it is there |
|---|---|---|
| 0 to 1.5s | One line of text over a face, a reaction, or your first app frame | Feed views start muted and start scrolling. That line is the entire pitch. |
| 1.5 to 6s | The app on screen doing one recognisable thing, with real data in it | This is the promise being paid. Past six seconds without it, the viewer is already gone. |
| 6 to 15s | One step per beat, each with its own short caption line | Steps make a demo followable. Without them a fast edit reads as a blur. |
| Last 2s | The result, held still long enough to read | This is the frame people rewatch, screenshot, and send to someone else. |
Step 2 · Capture
Before you press record
Most of the quality of the finished post is decided here, before any editing happens. None of it takes extra time once you know it.
On macOS press Shift, Command and 5. On iPhone use the Screen Recording button in Control Center. On Windows press Windows, Alt and R. The recorder is not what makes a video work. For the capture settings themselves, including mobile apps and avoiding banding when you film a screen, see how to record your app or website.
- Use real data. Rows called “test test” and “asdf” read as fake instantly and cost you the whole video.
- Record one task, not a tour. A tour has no payoff to end on.
- Record at native resolution and never upscale afterwards. You can crop into a sharp recording. You cannot sharpen a soft one.
- Move the cursor deliberately and rest about a second on whatever matters. Darting cursors are unreadable at phone size.
- Turn off notifications and hide a bookmarks bar full of personal sites. One Slack toast makes the clip unusable.
- Do not narrate. The words go on screen later, and most feed views are muted anyway.
- Portrait phone capture and landscape desktop capture both work. You do not need to film your laptop screen with a second phone, which is advice that still circulates and still produces bad video.
Step 3 · The reframe
Going from 16:9 to 9:16 without shrinking your app
This is the step that separates a watchable post from a shrunken desktop, and it is where most screen recordings die. There are three ways to do it and only one of them is usually right.
Fit the whole window
Keeps every pixel and makes all of them small. Correct only when the source is already edited for vertical, or when every edge of the frame carries meaning. If you do it, put a blurred scaled copy of the same frame behind it instead of black bars, so the post does not look broken.
Use it: Rarely
Crop the centre
Fast, and wrong most of the time, because app interfaces are not centred. The button sits in a toolbar, the result appears in a side panel, the number you care about is in a corner. Centre cropping reliably cuts out the thing you recorded the video to show.
Use it: Almost never
Punch in on the action
Find where the change actually happens in each beat, then crop to that region and let the crop move as the task moves. Interface text stays legible and the viewer's eye lands where you want it. This is the only option that survives a phone screen consistently.
Use it: Nearly always
Keep the move small
A punch of 8 to 14 percent reads as emphasis and lands naturally. Beyond that it reads as a zoom effect, and by the third one it is tiring. The crop should follow the task, not perform for the viewer.
The iPhone rotation trap
iPhone .MOV files store rotation in a display matrix rather than in the frame itself. Editors that ignore it turn a portrait recording sideways, or letterbox a tall capture as though it were landscape. If your export comes out rotated, that is why, and re-exporting from the source with rotation applied fixes it.
Step 4 · The cut
What to remove, and what to protect
Cutting is subtraction until it is not. Three things always go, and one thing must never be touched.
Freezes and dead air
In a raw walkthrough these are routinely most of the runtime. A 220 second raw recording of our own became a 15.8 second finished video with nothing of value missing.
Loading states
Cut them unless the speed itself is the point you are making. A spinner is the one moment guaranteed to lose a viewer.
Cursor hunting between clicks
The half second where you look for the menu is invisible to you and obvious to everyone else.
Never the payoff
Speed up connective tissue at 1.05x to 1.15x and nobody notices. The result frame plays at 1x, because that is the shot people rewatch.
Step 5 · The text
The words carry the video
Most feed views start muted, so the on-screen text is not a garnish. It is the narration.
- Three to eight words per line. Longer lines do not get read at this size.
- One line per step, on screen for 1.5 to 3 seconds. Any less and it is unreadable, any more and it is stale.
- Put each line on an opaque dark pill that hugs the text. Plain white text over a bright interface disappears exactly when the interface gets bright.
- Stay out of the platform's furniture. TikTok covers the right rail with buttons and the bottom with the caption, so keep text inside roughly the middle 80 percent horizontally and the top two thirds vertically.
- Write what the viewer is looking at, not what your company does. “Check the initial AI score” works. “Powered by advanced AI” does not.
- Never put a number on screen that the recording does not show. An invented metric is the fastest way to lose the people who were about to trust you.
Step 6 · The edit pattern
Three ways to order the beats
Once you have the clips, the order is a real decision and not a matter of taste. These are the three arrangements that hold attention with app footage, and the one you pick depends on where your product is strongest.
| Pattern | How it cuts | Use it when |
|---|---|---|
| Proof sprint | The single strongest beat from each stage, hard cuts between them, the payoff held long enough to read. | The product does something impressive quickly and the individual steps are not the interesting part. |
| Tap story | Every action in the order it happened, at readable 1x timing, hard cuts and no reordering. | The value is that the workflow is short and easy to follow, so the sequence is the message. |
| Payoff replay | The result first, then the path that produced it, then the result again to close. | The outcome is striking on its own and works as a hook before anyone knows how you got there. |
That covers producing one video for social. If the same recording also has to become an App Store preview or a website loop, the specs differ and are collected in one recording, four cuts. What to post across a whole week, and how much of it should be demos at all, is a separate question answered in TikTok marketing for SaaS.
A finished example
What it looks like when the rules are applied
This is a real published post for an AI text humanizer, built from a recording of the product being used. Four things in it are worth copying:
- The opening line carries the whole promise, and it is readable before the app ever appears.
- The wide browser window is punched into rather than shrunk, so the interface text stays legible.
- Each step gets one short line on a dark pill, held just long enough to read.
- It ends on the visible result, a score reading zero percent, instead of a logo.
20 seconds · 1080 by 1920 · made with ClipMyApp
The question everyone asks
Will TikTok flag an edited screen recording?
Editing your own footage is not AI content
Cuts, crops, punch-ins, speed changes, and captions applied to video you recorded yourself are ordinary editing. There is no AI label to attach and no penalty attached to doing it well.
What does raise the question
Synthetic faces, cloned voices, and fully AI-generated scenes. TikTok asks for disclosure on realistic AI-generated content and runs its own provenance detection regardless of what you declare. That is a decision about the opener you bolt on, and it is separate from the recording itself.
Doing this by hand, or not
By hand
Your recorder plus an editor such as CapCut or Descript. Every rule on this page is achievable in either one, and none of it requires paid software.
- Budget 30 to 60 minutes per finished video once you know the moves, and considerably longer for the first few.
- Keyframing a punch-in that follows the action is the slowest part by a wide margin.
- Perfectly workable for one video. Hard to sustain at four a week, which is the pace that actually grows an account.
With ClipMyApp
Upload the recording and the same rules get applied for you, because they are the rules the product was built around.
- It reads the recording, finds the beats where something changes, and drops the freezes and dead air.
- It reframes to 1080 by 1920 with the punch-in following the action, and preserves the full frame when the source is already edited.
- It writes the opening hook and the short step lines, and refuses to state a number your recording does not show.
- You approve or reject each finished post before anything publishes.
Common questions.
How long should a TikTok made from a screen recording be?
Most land between 15 and 25 seconds. The demo portion itself wants 10 to 15 seconds, which is long enough to follow one task and short enough that people rewatch it. Anything past 30 seconds needs a genuine reason, because retention falls off and a screen recording rarely earns the extra time.
What size and format should I export?
Export 1080 by 1920 pixels, 9:16, at 30 frames per second, H.264 video with AAC audio in an MP4 container. That same file works as a TikTok, an Instagram Reel, and a YouTube Short with no changes.
Can I use a desktop or browser recording, or does it have to be filmed on a phone?
A desktop or browser recording is fine and usually better, because a direct screen capture is sharper than any phone pointed at a monitor. The work is in the reframe: crop into the region where the action happens rather than shrinking the whole window into a vertical frame.
Do I need to show my face?
No. A text hook over your first app frame works, and so does an opening clip of someone else reacting before the cut to your screen. The face is one way to earn the first second, not the only one.
Will TikTok flag an edited screen recording as AI content?
No. Cutting, cropping, speeding up, and adding captions to footage you recorded yourself is ordinary editing, not AI-generated content, and it needs no AI label. Disclosure questions attach to synthetic faces, cloned voices, and fully AI-generated scenes, which are a separate decision from editing your own recording.
Does the video need music or a voiceover?
It needs to work with the sound off, because that is how most of the feed sees it. Add a track afterwards if you want one, but never let the meaning depend on audio. If your video only makes sense with the voiceover, the on-screen text is not doing its job.
How do I record my screen in the first place?
On macOS press Shift, Command and 5. On iPhone use the Screen Recording button in Control Center. On Windows press the Windows key, Alt and R. All three produce a file good enough to work with, and none of them is the reason a video succeeds or fails.
Can I post the same video to Instagram Reels and YouTube Shorts?
Yes. One 9:16 export covers all three platforms. Keep your text inside the safe zone described above and the same file will not collide with any of their interfaces.
You already have the recording.
Upload it and get 20 finished posts about your product for free. Approve the ones you like, schedule them, and see what the method does with your own footage.