Free Facebook & Instagram Ad Mockup Generator
Add your image and copy, and see the ad exactly as it will appear in Facebook Feed, Instagram Feed, Stories and Reels: real layout, real text cut-offs, Meta's safe zones. Then download it as a PNG for approval.
Your story
bluepipeplumb
harbordental
truetemp.hvacWhy a mockup
See the Ad Before Anyone Sees the Ad
Ads Manager only previews an ad once the campaign, ad set, form and payment method exist. A Facebook ad mockup needs an image and a sentence. Use it as a free Facebook ad preview tool before every pitch and every approval, or as a ready-made Facebook ad mockup template you fill in instead of rebuilding a phone frame in Figma.
Client approval
Send a PNG of the real placement instead of a paragraph describing it. Approvals come back in minutes, not meetings.
Creative review
Compare two photos or two headlines side by side in the feed they will live in, before either costs money.
Catch the cut-off
Facebook Feed shows about 125 characters, Reels about 44. See which words survive before you write around them.
Fix the crop
Your 4:5 photo becomes 9:16 in Stories and Reels. See what gets lost and what the button covers.
How it works
How to Make a Facebook Ad Mockup in Two Minutes
- 1
Add your image
Upload the photo or creative you plan to run. A 4:5 image (1440 × 1800 px) covers Feed; the same photo is cropped to 9:16 for Stories and Reels so you can see what gets cut.
- 2
Type the copy
Enter your Page name, primary text, headline and an optional description. The counters tell you where Facebook Feed, Instagram Feed and Reels will cut the text.
- 3
Pick the button and what it opens
Choose one of Meta's real call-to-action buttons, and whether the ad opens an instant form (a lead ad) or your website.
- 4
Check every placement
Switch between Facebook Feed, Instagram Feed, Stories and Reels. Turn on safe zones to see where your account name and the button cover the image.
- 5
Download the PNG
Download one placement or all four in one image, rendered at 3x for sharp slides and client decks. Nothing is uploaded or stored.
Meta's specs
Facebook Ad Mockup Sizes and Text Limits
Every placement in the tool follows the figures in Meta's Ads Guide. Checked on 9 October 2026 (Facebook) and 2 November 2026 (Instagram).
| Placement | Recommended image | Primary text shown | Headline | Keep clear |
|---|---|---|---|---|
| Facebook Feed | 1440 × 1800 px (4:5), 1:1 also runs | About 125 characters before “See more” | 27 characters | Not published |
| Instagram Feed | 1440 × 1800 px (4:5) | 125 characters before “more” | 40 characters | Not published |
| Instagram Stories | 1440 × 2560 px (9:16) | About two short lines over the ad | Not shown | 14% top, 35% bottom, 6% sides |
| Instagram Reels | 1440 × 2560 px (9:16) | 44 characters before “more” | Not shown | 14% top, 35% bottom, 6% sides |
Need every Facebook placement, including Marketplace, right column and carousel? See the full Facebook ad sizes and specs guide. For how Instagram shows lead ads in each placement, read the Instagram lead ads guide.
Mockup vs Ads Manager
When to Use a Mockup and When to Use Ads Manager
FAQ
Facebook Ad Mockup FAQs
What is a Facebook ad mockup?
A Facebook ad mockup is a picture of what your ad will look like in someone's feed before it runs: your image, your text, your headline and button, drawn inside the real Facebook or Instagram layout. Teams use mockups to get a client's or manager's approval, to compare creative options side by side, and to catch text that will be cut off before the ad is live.
How do I preview a Facebook ad before publishing it?
Add your image and copy to the mockup generator above and switch between Facebook Feed, Instagram Feed, Stories and Reels. You see the same layout and text cut-offs as the live feed, without creating a campaign. When the ad is built in Ads Manager, use its preview for a final check before you publish.
Is this Facebook ad mockup generator free?
Yes. No sign-up, no email, no watermark. It is a free tool from LeadSender, a paid product that delivers Facebook and Instagram leads to your CRM. The tool is how advertisers find us, so it stays free.
Which placements does the mockup show?
Facebook Feed, Instagram Feed, Instagram Stories and Instagram Reels, each drawn to Meta's current mobile layout. Facebook Feed can be shown with a 4:5 or 1:1 image. Stories and Reels can show Meta's published safe zones: 14% at the top, 35% at the bottom and 6% on each side.
What size should my image be for a Facebook ad mockup?
Meta recommends 1440 × 1800 px (4:5) for Facebook and Instagram Feed and 1440 × 2560 px (9:16) for Stories and Reels. Upload your 4:5 creative and the mockup crops it to 9:16 for the full-screen placements, which is exactly what Meta does if you don't supply a separate vertical version.
Why is my text cut off with “See more”?
Because that is what happens in the real feed. Facebook Feed shows roughly the first 125 characters of primary text before “See more”, Instagram Feed about 125 before “more”, and Instagram Reels only about 44. The mockup cuts your text at the same points so you can see which words actually get read.
Is the mockup identical to Ads Manager's preview?
It is drawn to the same layout, with the same text cut-offs and Meta's own button labels, so it is accurate enough for approvals and creative reviews. Meta changes its apps often, and Ads Manager renders your exact ad with your exact account, so always check the preview there before you publish.
Can I make an Instagram ad mockup with it?
Yes. Instagram Feed, Stories and Reels are all included, using your Instagram username and the same image and copy. The Instagram previews come from our Instagram lead ads guide, where you can also read how Instagram shows the text in each placement.
Do you store my images or copy?
No. Your image and text stay in your browser. The preview is drawn on your device and the PNG is rendered on your device too. There is no upload, and nothing is saved when you leave the page.
Is there a free Facebook ad mockup template?
This tool is one: a Facebook and Instagram ad mockup template that fills itself in. There is no PSD or Figma file to download and no phone frame to line up. Add your image, type your copy, and download a finished FB ad mockup as a PNG.
Can I use the download for client approval?
That is what it is for. Download a single placement or all four in one PNG at 3x resolution, drop it into a slide or a message, and get the sign-off before you spend a cent in Ads Manager.
How do I turn the mockup into a real lead ad?
Build it in Meta Ads Manager with the Leads objective and Instant forms as the conversion location, then paste in your copy and upload the same image. Our step-by-step guide to creating Facebook lead ads walks through every screen. Once it is live, LeadSender sends every lead to your CRM, email or phone within seconds.
The mockup gets the ad approved. LeadSender makes sure you get the leads it brings in.
Every Facebook and Instagram lead delivered to your CRM, email, SMS or WhatsApp within seconds. 7-day free trial, no card needed.