FacebookCreator
A personal account
Short cover, big centred avatar, friends and followers on one line, and the Intro block that carries work and city.
Use this templateFacebook mockupsInterface checked · v574.0.0
Fake Facebook profile & account mockup generator
Build a full Facebook profile page — a short cover with the big centred avatar over it, friends and followers written as one line, two full-width buttons, the Intro block with work and city, and a rounded photo strip. Counts are typed as real numbers and abbreviated the way Facebook abbreviates them.
Open the Facebook editorFree · no account · PNG and video
Start from a Facebook example
Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.
FacebookCreator
A local business page
Verified, follower-heavy and light on friends — the asymmetry that tells you a Facebook profile is a page.
Use this templateFacebookScam awareness
A cloned account
Two friends, no photos, a copied name. The shape of a cloned profile, for the safety talk that needs to show one without using a real person.
Use this templateHow to make a Facebook mockup
Start from an example
The three above are the ones people make: a personal account, a small-business page, and a cloned-account example for a safety talk.
Set the cover and the photo
The cover is short by design and the avatar sits over it. Upload your own or pick from the built-in library.
Type the two counts
Friends and followers, as plain integers. The preview abbreviates them as you type.
Fill the Intro block
A bio line, then work, city and a link. Each row disappears when its field is empty, so a short Intro stays tidy.
Export
Full-height PNG at 1x free, up to 3x on Pro, device frame optional, and onto a sized canvas if it is going into a deck or a video.
How the Facebook interface is put together
Our Facebook skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.
A short cover, and an avatar that dominates it
Three apps here put an avatar on a cover photo and all three place it differently. LinkedIn hangs a small one off the left edge, X sits a medium one further in, and Facebook centres a LARGE one over the bottom of a deliberately short cover, ringed in the page colour. On Facebook the avatar is the header — get its size and position right and the screen is recognisable before any text loads.
Two counts, written as one line of text
872 friends and 1.3K followers, side by side under the name as a single sentence. Not stacked over labels like Instagram, not in a bordered stat row. Facebook is also the only profile in this tool that shows friends AND followers — they are two different numbers and both appear.
Two full-width buttons, side by side
A solid blue Add to story and a grey Edit profile, each taking half the width. No other profile here uses that shape — Instagram has three narrow pills, LinkedIn has three of unequal width, TikTok has one wide one and a square. Switch on Already friends and the blue button becomes a grey Friends.
The Intro block does what a bio does elsewhere
A short bio line, then work and city as small rows with glyphs beside them, and the link under those. A Facebook profile without an Intro block looks like a placeholder, which is why the category and location fields are wired here even though Instagram and X use them differently or not at all.
Photos are an inset strip, not an edge-to-edge grid
Rounded corners, a visible gap, and a See all photos link beside the heading. Instagram's grid runs to the edges of the screen with a hairline between tiles. Facebook's sits inside the page margin with rounded corners — the same nine images look like two different apps depending on which you draw.
The verified badge is Facebook's own shape
A scalloped blue rosette with a white tick, not the circle X uses or the seal Instagram uses. Every badge in this tool is drawn per platform rather than shared, because a wrong tick is the detail people notice first in a screenshot.
What people use Facebook mockups for
- Community and Page management decks
- Safety and digital-literacy teaching about cloned and impersonating accounts
- Marketing and social-media training material
- UI and design portfolios
- Film, TV and theatre props
- Fiction and comics where a character has an account
Questions about Facebook mockups
- Why are there two counts?
- Because Facebook shows two. Friends is a mutual connection count and followers is not, and a real profile prints both on the same line. Instagram, X, TikTok and LinkedIn each show a different set, so each skin draws only its own.
- Do I type 1.3K or 1300?
- 1300. Type the real number and each app abbreviates it its own way. Facebook writes 1.3K, LinkedIn would write 1,300 for the same figure, which is why switching platform re-formats the count rather than asking you to retype it.
- What goes in the Intro block?
- The bio line, then the Category field as the work row and the Location field as the lives-in row, then the link. Leave any of them empty and that row is not drawn.
- How many photos should I add?
- Multiples of three, up to nine. The strip is three columns and only complete rows are drawn. Fewer than three and the Photos block is left out entirely.
- Can I make a profile for a real person?
- No, and our terms prohibit it. A cloned profile using a real person's name and photo is the exact pattern this kind of mockup is used to warn people about, and making one is impersonation. Parody, teaching, fiction and design work are fine — every example on this page is fictional.
- Can I edit text directly in the preview?
- Yes — the name and the bio are editable in the phone itself. The photo, cover, counts, Intro rows and photo strip live in the Account, Stats and Grid sections on the left.
- Does the export include the whole page?
- Yes. A profile is taller than one screen, and the PNG export releases the full height rather than cropping at the phone's bottom edge. Device frame optional, 1x free and up to 3x on Pro.
Use these responsibly
Everything made here is simulated. SocialMock has no connection to Facebook and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.
Related generators
Browse all 36 appsBuild your Facebook mockup now
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the Facebook editor