Facebook Mobile Feed & Profile Mockups
Last Updated on August 21, 2026 by Editorial Team
A free set of Facebook mockups containing two mobile screens: Facebook Feed and Facebook Profile. Each mockup is available in multiple formats: .AI, .EPS, .JPG.
Created and released by Marina D. Happy downloading!
What makes this pair genuinely handy is how faithfully they reproduce the Facebook mobile app chrome down to the small details.
The status bar with carrier name, time, and battery icon sits at the top of both screens, the blue navigation bar carries the search field and Messenger icon, and the bottom tab labels for Direct, Your story, and friend avatars all match what you actually see when scrolling the app on a phone.
That attention to the interface framing is what sells the illusion, and it’s what separates a convincing Facebook mockup from a generic phone screen with a photo pasted on it.
The profile screen gives you a blank gray cover photo area, a square placeholder for the profile picture, a “Your Name” label, and the row of action buttons for Friends, Following, and Message underneath.
The feed screen shows the stories row, the status composer field, the Live/Photo/Check-in row, and a sample post from a friend with reaction icons and comment counts already in place.
Because the layout is built around gray placeholder blocks rather than photography, dropping in your own profile picture, cover image, or post graphic is straightforward in any editor that opens vector files.
You just select the placeholder shape, apply your image as a fill or clip it into the frame, and the surrounding UI elements stay untouched.
The text labels like “Your Name” and “Friend Name” are separate editable type layers, so swapping in a real name, page title, or brand handle takes seconds without disturbing the app chrome around it.
When These Mockups Are Most Useful
This set earns its keep whenever you need to show how a Facebook profile or feed post will actually look on a phone before it goes live.
Social media managers use it to preview a new cover photo and profile picture combo for a client, since seeing both stacked together in the real app frame catches cropping or contrast issues that are easy to miss when judging images in isolation.
Marketers and content creators can drop a sponsored post or brand graphic into the feed mockup to pitch how it will sit alongside a status update, complete with realistic like and comment counts for a portfolio piece or client presentation.
It also works well for app or website case studies where a Facebook integration, share button, or social login needs to be shown in context, and for UI/UX portfolios that want to demonstrate a redesign concept using a familiar reference point.
Because the palette sticks to Facebook’s own blue and neutral gray tones, both mockups slot cleanly into a wider presentation deck or style guide without clashing.
Pair them with a phone frame mockup or a matching desktop browser mockup if you’re presenting a full cross-platform view, or place them side by side in a moodboard next to Instagram and Twitter mockups when pitching a multi-channel social campaign.
