Free tool · no login
TikTok ad mockup generator
Add a video or image, an account name, ad text and a button to preview the ad in the TikTok For You feed with the interface on top, then download it as a PNG.
@yourbrand
Hair loss treatment, prescribed online by licensed providers.
Sponsored
An approximation of the For You feed for review. TikTok publishes exact safe zone files in its ads help center; the overlay here is an estimate.
How it works
TikTok puts buttons down the right side and the caption and button along the bottom. A mockup shows what that covers before you edit the final cut.
- Add a video or image; a still frame is used for the preview.
- Add the account name, ad text (up to 100 characters) and a button.
- Turn on the overlay to see roughly where the interface sits.
- Download the mockup as a PNG.
Everything runs in your browser. Your images and videos are never uploaded.
Worked example
A 9:16 video with a headline burned into the bottom of the frame shows the headline hidden behind the caption and button. Move it up into the middle of the frame and check again.
Telehealth notes
TikTok publishes its safe zone as downloadable files that change with caption length, not as fixed measurements. The overlay here is an approximation; use TikTok's in-feed ad specs for exact layout.
TikTok rules for health ads differ from Meta's and change by market. Check the policy before you plan spend.
Questions
What size should a TikTok ad be?
Vertical 9:16 is recommended, at least 540 x 960 pixels. 1080 x 1920 is the usual export.
How long can TikTok ad text be?
Up to 100 characters. TikTok suggests keeping it shorter so it is not cut off.
Is my video uploaded?
No. It stays in your browser.