Facebook ad mockup generator

Build a pixel-accurate Facebook feed ad preview in the browser. It applies Meta's real truncation rules, so you see where the "See more" fold lands and whether your description renders at all before the ad reaches Ads Manager.

Meta recommends 50 to 150 characters of primary text and a 27-character headline. The feed folds primary text behind "See more" at roughly 125 characters.

Feed, single image
Your Brand
Sponsored

The first line is the only copy guaranteed to be read, so the hook belongs here.

Your creative · 4:5
yourbrand.com
Headline goes here
Supporting line, often hidden.
Shop now
👍 12814 comments 6 shares

Nothing is uploaded. Your creative is read in the browser and the PNG is generated on your device.

Every Facebook ad format, previewed

Pick any of these from the format dropdown above. Each one renders the real placement, with the fields that placement actually shows and the character limits it enforces.

  • Facebook feed, single image mockup

    Meta recommends 50 to 150 characters of primary text and a 27-character headline. The feed folds primary text behind "See more" at roughly 125 characters.

    4:5

  • Facebook feed, video mockup

    Video in the Facebook feed autoplays muted. The first three seconds carry the outcome, so the hook has to work without sound.

    4:5

  • Facebook feed, carousel mockup

    Carousel takes 2 to 10 cards, each with its own image, headline and link. Used as a sequential argument rather than a product grid, it does work no single image can.

    1:1

  • Facebook feed, collection mockup

    Collection pairs a cover asset with a product grid and opens into an Instant Experience. Catalogue-driven, so it needs a product feed.

    4:5

  • Facebook stories mockup

    Stories renders the creative only. No primary text, no headline, no description. Anything essential must be burned into the asset.

    9:16

  • Facebook reels mockup

    Reels overlays truncated primary text on the video and drops the headline. Keep text clear of the bottom third and the right rail.

    9:16

  • Facebook right column mockup

    Right column is desktop only and shows the headline and image alone. No primary text, no description, no social proof.

    1.91:1

  • Facebook marketplace mockup

    Marketplace ads sit between listings and read as commerce. A square asset and a price-led headline fit the surface best.

    1:1

Frequently asked questions

What is a Facebook ad mockup?
A Facebook ad mockup is a preview of how an ad will look in the feed before it is built in Ads Manager. It shows the page name, Sponsored label, primary text, creative, headline, description and call to action button in the real layout, so copy can be reviewed and approved without creating a campaign.
Where does Facebook cut off primary text?
The Facebook feed collapses primary text behind a "See more" link at roughly 125 characters, and Meta recommends 50 to 150 characters overall. Anything after the fold is read only by people who already chose to keep reading, so the hook belongs in the first line. This generator applies that fold so you can see it.
Why is my description not showing in the preview?
Because the Facebook feed frequently does not render the description field at all. That is normal Meta behaviour rather than a fault in the mockup, and it is the reason the description should never carry essential information.
Is this Facebook ad mockup generator free?
Yes, and it needs no signup or account. Everything runs in your browser, your images are never uploaded to a server, and the PNG export is generated locally.

Other ad mockup generators

Related reading

A mockup shows one ad. The account needs a hundred.

Previewing creative is the easy half. Producing every concept in every placement, then rotating it before it fatigues, is the part that caps most accounts. Hawky’s Creative Agent ships finished, on-brand variants bound to a campaign and ad set, with approval before anything goes live.