Drop in a creative, type your copy, and see the finished ad in a real Feed, Story or Reels frame before you launch it.
A Meta ad mockup generator shows your creative and copy inside a simulated Facebook or Instagram placement, so you can catch cropping, truncation and contrast problems before the ad goes live. This one runs entirely in your browser: your image is never uploaded anywhere.
Drop your creative here
Stays in your browser. Nothing is uploaded.
Feed preview
The 60-second version of your launch day.
A close approximation of the real placement. Meta’s exact chrome changes often.
From mockup to live ads in one publish
Once the creative is approved, the mechanical part begins. Volume Creatives turns the approved files into every creative by copy by ad set combination, named and tagged, paused for review.
Pick the placement
Choose Feed (a 1:1 frame), Story or Reels (both 9:16). The preview frame changes shape immediately, so you can see how one file behaves across all three before you upload anything.
Drop in the creative
Drag a PNG or JPG onto the drop zone or click Choose file. The image is read locally as an object URL and never leaves your browser, so unreleased creative is safe.
Type the copy
Enter the page name, primary text, headline and pick a call to action from Meta's standard button labels. The frame updates as you type.
Check crop, overlays and truncation
Look at what the frame hides: the centre crop in Feed, the profile bar at the top and the copy and CTA overlay at the bottom in Story and Reels. Fix the file, drop it in again, and screenshot the result for approval.
You enter
You get
The top and bottom 10 percent of the 4:5 file are outside the square preview. Anything important there needs to move.
Real Feed collapses it behind See more near 125 characters, so the hook has to land in the first sentence.
A 4:5 file scaled to fill 9:16 loses about 30 percent of its width. The bottom overlay covers the copy and CTA area.
Any price or logo baked into the bottom of the image sits under the primary text and Shop Now button.
One 4:5 file cannot serve both Feed and Reels without losing something. Export a dedicated 9:16 version with the product moved into the middle 50 percent, then check both frames again before the creative goes into the launch sheet.
| Placement | Ratio | Recommended size | Keep clear | Copy shown |
|---|---|---|---|---|
| Facebook Feed | 1:1 or 4:5 | 1080 x 1080 or 1080 x 1350 | Nothing overlaid; edges may crop on tablets | Primary text truncates near 125 chars; headline plus CTA button below |
| Instagram Feed | 1:1 or 4:5 | 1080 x 1350 | Nothing overlaid; 4:5 gets the most screen | Primary text is the caption; CTA bar sits under the image |
| Facebook and Instagram Stories | 9:16 | 1080 x 1920 | Top 14 percent (about 250 px) and bottom 20 percent (about 340 px) | Page name at top; CTA and primary text overlaid at bottom |
| Facebook and Instagram Reels | 9:16 | 1080 x 1920 | Top 14 percent, bottom 35 percent (about 690 px), and the right edge where the icons sit | Page name at top; caption, CTA and engagement icons overlaid |
| Instagram Explore | 1:1 or 4:5 | 1080 x 1350 | Nothing overlaid; opens into a Feed style view | Same as Instagram Feed |
| In-stream video (Facebook) | 16:9 or 1:1 | 1280 x 720 or 1080 x 1080 | Player controls along the bottom | Headline and CTA appear as a card, not overlaid |
Pixel sizes are Meta's recommended minimums at the native ratio. Safe zones are the areas Meta's own interface covers; keep text, logos and prices out of them. Meta adjusts these from time to time, so treat the percentages as working margins rather than law.
Ads Manager does show a preview, but only after you have built the campaign, chosen the ad set, uploaded the file and written the copy. By then the creative has usually been approved by someone who saw it as a flat export in Figma or Drive, at desktop size, with no interface on top of it. A mockup moves the check earlier: designer exports the file, buyer drops it into a frame, and the three most common problems show up in about ten seconds.
The first problem is crop. A 4:5 creative is the right call for Feed because it takes more of the phone screen than a square, but that same file does not survive a 9:16 placement without letterboxing or an edge crop. Meta will still deliver it there if you let it, and the result is a product that has drifted off the edge or a logo that is half gone. The second problem is overlay collision. In Story and Reels, Meta draws the page name, primary text and CTA button on top of your image, and nothing in the flat export warns you that the price tag sits exactly where Shop Now will be. The third is contrast: white text baked into a creative disappears into a white CTA overlay, and dark bottoms swallow the caption.
The Feed frame renders at 1:1 with the primary text above the image and the headline plus CTA in a bar underneath. It shows the whole primary text so you can read it, but the live Feed collapses anything past roughly 125 characters behind a See more link. If your offer, price or guarantee appears after that point, most people will never see it. Move it to the first sentence or into the headline, which is what the copy checker flags automatically.
The Story and Reels frames both use 9:16 with the copy and CTA overlaid at the bottom. They look similar here, but the live placements differ in one way that matters: Reels stacks engagement icons down the right edge and pushes the caption higher, so the bottom third is more crowded than in Stories. Meta's own guidance is to keep the top 14 percent and the bottom 35 percent of a Reels creative free of anything you need people to read. The table above lists the same margins for each placement.
The useful workflow is boring. Every creative that goes into a launch sheet gets dropped into the frame it will actually run in, someone screenshots the result, and the screenshot goes into the approval thread next to the file. It takes less time than writing the Slack message asking whether the crop is fine. When the check fails, the fix is almost always one of three things: export a second file at the right ratio, move the focal point into the middle of the frame, or shorten the first line of copy. If you are running the same concept on Facebook and Instagram, the placement customisation note explains how to attach one file per ratio to a single ad so each placement gets the version that fits.
It does not render Meta's exact interface, which changes every few months and varies between iOS and Android. It does not preview video, carousel cards, collection formats or the Advantage+ creative enhancements Meta may apply on delivery (those are worth switching off if you want what you approved to be what runs). And it does not check policy or text density; the policy checker covers that. For the full list of sizes by placement, including the less common ones, see the ad sizes reference or the longer specs answer.
No. The file is read locally in your browser as an object URL and never leaves your device. There is no server call, no storage and no account, so you can mock up unreleased creative for a client without it touching a third party.
Feed, Story and Reels. The Feed frame renders at 1:1, so a 4:5 creative is centre cropped to a square in this preview and you should check the 4:5 version against the sizes table above. Story and Reels both render at 9:16 with the profile bar at the top and the copy and CTA overlay at the bottom.
It is a close approximation, not a pixel exact render. Meta changes its own ad chrome regularly, varies truncation by device and font size, and the Feed preview here shows the full primary text where the real Feed collapses it behind See more at roughly 125 characters. Treat it as a strong guide for crop, contrast and overlay collisions.
Not directly. The tool accepts image files only. The practical workaround is to export the first frame or the thumbnail of the video as a PNG and drop that in, because the first frame is what decides whether the hook survives the safe zones anyway.
There is no export button. Take a screenshot of the phone frame, which is what most buyers paste into a Slack thread or a client deck. Because nothing is uploaded, a screenshot is also the only record the tool creates.
Use 1080 by 1350 (4:5) for Feed and 1080 by 1920 (9:16) for Story and Reels, both at 30 MB or under for images. A 1:1 file at 1080 by 1080 still works in Feed but gives up the extra vertical screen space that 4:5 earns on mobile.
Because the copy is drawn on top of the creative rather than below it. Story and Reels overlay the page name at the top and the primary text plus CTA at the bottom, so any text baked into the top 14 percent or bottom 20 to 35 percent of the image will fight the interface.
Connect your ad account, drop in the creatives, and watch the batch land paused. Nothing spends until you say so.