Facebook Post Mockups
Last Updated on July 30, 2026 by Editorial Team
Props to Maximilian Güth for creating and sharing this useful Facebook Post mockup.
Available in three different sizes:
- Web
- iOS (iPhone 7@1x – 375×667)
- Android (MDPI – 360×640)
Happy downloading!
What makes this Facebook post mockup so practical is how faithfully it reproduces the real interface, right down to the small details.
You get the profile photo and name treatment, the “Just now · Cologne” timestamp with the globe icon for public posts, the reaction and comment thread below the shared link, and even the comment input bar with emoji, camera, and gif icons sitting at the bottom.
The sample content, a warm, appetizing photo of a sandwich on a wooden table paired with a shared link card reading “Super awesome cheese toast!”, shows exactly how a food brand or blog post would render once shared to a feed.
That link card structure is the real value here. It mirrors how Facebook auto-generates a preview from a URL, pulling in a domain name, a bold headline, and a short description beneath the image.
Anyone designing for a food blog, recipe site, restaurant page, ecommerce brand, or content publisher can swap in their own photography and headline to see, before anything goes live, whether a shared link or article will actually look appetizing and legible once it hits a Facebook timeline.
Because the sizes range from a wide web view down to iPhone and Android screen dimensions, you can check how the same post reflows across devices rather than guessing how much of the description text gets cut off on mobile.
Using It To Preview Shared Links And Ads
Swapping in your own content is straightforward.
Drop your image into the photo placeholder, keeping in mind the crop is landscape and wide, so images with a clear focal point in the center work best.
Replace the headline text with your actual post title, keep it short since Facebook truncates long headlines, and update the description line and domain text to match your real URL.
If you’re testing paid social creative, this is a fast way to gut-check how a boosted post or link ad will look in-feed before spending a single dollar on media.
Because the mockup includes the full social proof layer, the like count, the “Chuck Norris” commenter avatar, and the comment box, it’s also useful for building presentation slides or client decks where you want to show a proposed post exactly as a follower would encounter it, complete with the expected engagement affordances.
Pair it with a simple background or a phone frame if you want to present the mobile size as an actual on-device screenshot, and consider grouping the web and mobile versions side by side, as shown in the preview, to demonstrate responsive behavior in a single frame for stakeholders who need to approve both at once.
