Free Facebook ad mockup generator (and Instagram)
Upload your image, add your copy and see how the ad looks in the Facebook feed, the Instagram feed and an Instagram Story. Download it as a PNG.
This is close to Meta's layouts but not a pixel copy. Check the Ads Manager preview before you publish.
Features
- ✓Facebook feed, Instagram feed and Instagram Story previews from one set of inputs
- ✓Your own image, brand name, primary text, headline, link and call-to-action button
- ✓Primary text cuts off with "See more" the way it does in the feed, so you can see what people read first
- ✓Download any preview as a PNG to share with a client or your team
Benefits
- →Show a client or teammate what the ad will look like before it goes live
- →Catch a headline that's too long or a key line hidden behind "See more"
- →Check how one image crops across square feed and full-screen Story placements
- →Your image never leaves your browser, so drafts stay private
How to Use This Tool
- 1
Upload your ad image or a frame from your video. It stays in your browser and is never uploaded.
- 2
Fill in your brand name, primary text, headline, link and call-to-action button.
- 3
Switch between Facebook feed, Instagram feed and Instagram Story, then download the PNG you need.
What is a Facebook ad mockup?
A Facebook ad mockup is a preview of how an ad will look inside the feed, built from your own image and copy. Agencies use mockups to get client sign-off, and in-house teams use them to check copy length and cropping before an ad goes live. This generator draws the Facebook feed, Instagram feed and Instagram Story layouts in your browser and lets you download each one as an image.
Why It Matters
Ads Manager does show a preview, but only once you have an ad account, a campaign and a page set up, and it's hard to share. A mockup lets you test the creative earlier: is the headline readable, does the hook sit above "See more", does the product survive a 9:16 crop? For exact placement sizes, check the Facebook ad sizes cheat sheet. If you need a design to start from, the free ad template library has thousands of Canva layouts.
Frequently asked questions
Is my image uploaded anywhere?
No. Your browser reads the image and draws the mockup on your own device. Nothing is sent to HookAds or anyone else.
What sizes should my ad image be?
Square (1:1) or portrait (4:5) for the Facebook and Instagram feed, and vertical (9:16) for Stories and Reels. The Facebook ad sizes cheat sheet lists the exact pixel sizes and safe zones for each placement.
How much primary text shows before "See more"?
Meta recommends keeping primary text to about 125 characters, and longer text gets cut off with "See more" in the feed. The mockup trims the text the same way, so you can see what people read before they tap.
Can I make an Instagram ad mockup too?
Yes. Switch the placement to Instagram feed or Instagram Story and the same image and copy are redrawn in the Instagram layout.
Does this look exactly like the real ad?
Close, but not pixel-identical. Meta changes its layouts often, and they differ by device. Use the mockup for approvals and copy checks, and the Ads Manager preview as the final check before you publish.