SignalCreator
A morning nobody needs to comment on
Close button top-left, and the name, the segment bar and Reply all stacked at the foot. Nothing else in this tool is laid out that way.
Use this templateSignal mockups
Fake Signal story & mockup generator
Build a Signal story, which is laid out unlike any other. The close button is top-left, the top of the screen is otherwise empty, and the name, the segment bar and a centred Reply are all stacked at the foot over the photo.
Open the Signal editorFree · no account · PNG and video
Start from a Signal 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.
SignalCreator
Who saw it, and nothing else
Your own story on the app that shows you least. The centred Reply becomes a view count and the screen stays almost empty.
Use this template
SignalScam awareness
Letting people know you got there
The use Signal is actually put to: a short caption to a small circle. Shows how the bottom-heavy layout handles text over the photo.
Use this templateHow to make a Signal mockup
Start from an example
The three above show the layout doing its three jobs: someone else's quiet post, your own with the view count, and a short caption over the photo.
Set the photo and the contact
Upload an image or pick one from the library, then edit the name straight in the preview. The avatar comes from the Contact section.
Set the segments
Segments and Playing control the hairline under the name. Signal stories are usually short, so one or two segments is the honest default rather than five.
Write the caption
Type it, then choose top, middle or bottom. Line breaks work, so a two-line note stacks the way it would on the phone.
Export
PNG at 1× free, up to 3× on Pro, device frame optional, and onto a sized canvas if it is going into a video.
How the Signal interface is put together
Our Signal 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.
The close button is on the LEFT
Every other story screen in this tool — Instagram, WhatsApp, Snapchat, Facebook, Telegram, Messenger — puts its × in the top right. Signal puts it top left. On its own that is enough to identify the app, and it is the first thing to check on any Signal story mockup you are shown.
There is nothing else at the top
No name, no avatar, no timestamp, and no segment bar up there either. The photo runs clean from the status bar down to the foot. Story screens are usually crowded at the top; this one is deliberately empty, and the emptiness is the design.
The author row is at the bottom, over the photo
Avatar, name, a short relative time, and the ••• pushed to the far right of the same row — all sitting at the foot of the image rather than the head of it. It is the same information every story shows and it is in the opposite place.
The segment bar sits UNDER the name
Not above the screen. A hairline the width of the content, below the author row, above the reply. This is the detail people who actually use Signal recognise, and the one a mockup traced from Instagram will never have.
Reply is centred text, not a field
A small arrow and the word Reply, centred at the bottom of the screen. Not a rounded pill, not a Send message input, not left-aligned. WhatsApp puts a frosted Reply pill there and Facebook a filled field; Signal has neither. It is a button that looks like a label.
Viewers only on your own story
Post one and the centred Reply becomes an eye and a count. Signal shows you who watched what you posted and nothing about anyone else's, so a view count on another person's story is wrong. Leave the field empty for someone else's.
What people use Signal mockups for
- Privacy and security training material
- Scam-awareness and safety education
- Product and UI design portfolios
- Journalism and documentary illustration
- App-comparison articles and reviews
- Storyboards and explainer decks
Questions about Signal mockups
- Why is the close button on the left?
- Because that is where Signal puts it. It is the clearest single difference between a Signal story and every other story screen, and it is why this is a separate skin rather than a recolour of an existing one.
- Where is the segment bar?
- Below the author name at the foot of the screen, not across the top. Set Segments and Playing in the Story section and it fills from the left the same way, just in an unexpected place.
- Can I add a poll or a question sticker?
- Yes — poll, question, music and link stickers are all available and render over the photo. One at a time, which is what a real story almost always carries.
- Does Signal have text-only stories?
- Signal's own description says photo, video and text stories. This generator does the photo and video kind; a text-only mode is not built yet, because the story model has no text mode and adding one for a single app would put it in the wrong place. It is on the list.
- Why is the view count optional?
- It is only ever on your own story. Leaving it empty is what makes a screenshot of somebody else's story correct.
- Can I make a story from a real person's account?
- No, and our terms prohibit it. Attributing an invented story to a real account is impersonation. Parody, teaching, fiction and design work are fine — every example on this page uses fictional accounts.
- Is this useful for security training?
- That is one of the reasons it exists. Showing people what a real Signal screen looks like — and what a faked one can look like — is exactly the sort of material scam-awareness training needs, and it is why every export can carry a Simulated label.
- Can I export it at 9:16?
- Yes. The download dialog places the mockup on a 9:16, 4:5, 1:1 or 16:9 canvas with a background and margin, and PNG exports at 1× free, or up to 3× on Pro.
Use these responsibly
Everything made here is simulated. SocialMock has no connection to Signal 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 Signal mockup now
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the Signal editor