TikTok draws its interface — progress bar, caption, hashtags, action buttons, and profile chip — directly on top of your video. This guide visualises those overlay zones on the 1080 by 1920 frame so you can keep your captions, logos, and calls to action in the clear.
How it works
The simulator maps TikTok’s interface to fixed regions of the vertical frame and shades them as dead zones:
top margin ≈ 140 px (status / search bar)
right column ≈ 100 px (like, comment, share, profile)
bottom block ≈ 320 px (username, caption, hashtags, music)
Whatever remains unshaded is the safe area. Any text or graphic you need a viewer to read — a headline, subtitle, logo, or CTA — should sit entirely inside that central region.
Tips and notes
Bottom clearance matters most because the caption and username block is tall, and ads add a CTA button that extends it further. When designing an ad, leave extra room at the bottom. Exact pixels shift slightly by device, so when in doubt leave more clearance than the minimum. Export your video at 1080 by 1920 and overlay this map mentally — or screenshot it — to confirm nothing important falls behind the interface.