Magazine Mockup vs Flatplan: What’s the Difference and When to Use Each
Published on: September 12, 2019
Last updated: October 26, 2026
A flatplan maps the structure of a magazine issue: which story, feature or ad runs on each page. A magazine mockup shows how those pages will look once they’re designed. Teams need both, because each one answers a different question at a different stage of a digital magazine project.
That difference matters most when a client has to approve the work. Agencies and in house design teams often lose a review round by sending the wrong file: a polished cover when the client needed to check page order, or a grid of boxes when the client needed to judge the design.
This guide explains what each one is, how they differ and how to present a magazine mockup for faster approval.
Table of contents
What is a magazine mockup?
A magazine mockup is a realistic draft of a laid out magazine issue that shows the final cover, page design, images and typography before publishing or printing. Editorial teams also call it a magazine draft or dummy and use it to get approval from clients, editors or advertisers.
A full issue mockup usually comes late in production, whether you run a print title or are starting a digital magazine from scratch. The copy is mostly final, the images are placed and the layout is close to done. An early cover mockup can come much sooner, when an agency pitches the concept.
Advertisers look at mockups too. A brand paying for a full page wants to see what sits next to its ad before it signs.
What is a flatplan in magazine publishing?
A flatplan is a page by page map of a magazine issue, with one small box per page, that shows where each story, feature and ad will run. Editors use it to plan the page count, running order and ad positions before any page is designed.
Some teams draw it on paper and pin it to a wall. Others keep it in a spreadsheet or a digital flatplan the whole team can rearrange.
Flatplanning settles five things early:
- Fixed pages. The cover, contents page and center spread stay put, so everything else moves around them.
- Running order. News and regular columns usually open the issue, while long features sit in the middle.
- Pace. Short items placed between long features keep readers turning pages.
- Facing pages. An ad should never clash with the story printed opposite it.
- Ad positions. Premium slots, like the back cover, get booked first and planned first.
Magazine mockup vs flatplan: the key differences
A flatplan and a magazine mockup both show every page, so teams often mix them up. One works in labels and boxes, the other in finished layouts.
| Flatplan | Magazine mockup | |
| Question it answers | What goes where? | What will it look like? |
| Production stage | Starts at planning and gets revised as stories and ads change | Once pages are laid out, before publishing or print |
| Level of detail | Story titles, page numbers and ad slots | Final copy, images, fonts and colors |
| Who uses it | Editors, ad sales and production | Designers, clients, editors and advertisers |
| What it catches | Wrong page count, ad clashes, weak running order | Design issues, typos, images that don’t work |
| Typical format | Page grid on paper, in a spreadsheet or an app | Printed dummy, image render or flipbook preview |
The table points to one simple rule: settle the flatplan before you build the mockup. Teams that skip that step often end up debating page order during mockup review, which comes late in a magazine editorial workflow and is the costliest moment to move pages.
When your issue needs a flat plan or a design preview
Not sure whether you need the flat plan or the mockup right now? Look at what’s still open in the issue.
- Is the page count or story order still changing? Stay in the flatplan. Moving a box takes seconds, while moving a designed spread takes hours.
- Did a story drop or an ad cancel? Update the flatplan first, then fix only the mockup pages it affects.
- Does an advertiser want to see their spot? Show the position on the flatplan, then one mockup page with the ad next to the editorial.
- Are you pitching a concept to a new client? A single cover mockup is enough to sell the idea.
- Does someone need to sign off on the whole issue? That’s the moment for a full issue mockup.
- Are the files about to go to the printer? Neither one. That’s the job of a printer’s proof.
If the question is “what goes where?”, open the flatplan. If it’s “does this look right?”, the mockup gives you the answer.
Static magazine mockup image vs live flipbook preview
You can show a client a digital magazine mockup in two ways. A magazine mockup generator, such as Canva or Placeit, places your pages on a photo of a printed magazine. A live flipbook preview shows the actual publication, one page turn at a time.
| Static mockup image | Live flipbook preview | |
| What the client sees | A photo style render of a few pages | Every page, with page flip, links and video |
| Best for | Portfolios, pitch decks and social posts | Concept approval for digital issues |
| Mobile check | Shows the image, not the mobile reading experience | Opens as the real issue on any phone or tablet |
| Interactive elements | Not shown | Videos, links and forms work as readers will see them |
| Client feedback | By email or in the tool’s own comments | One reply by page number or a form on the last page |
| After approval | Designer exports and publishes the final files | Your team updates the same flipbook |
A static render works well for pitching the look of a print title or for one striking image in a pitch deck. It doesn’t replace a full issue review or a printer’s proof.
4 ways to present a magazine design to a client
Most clients see an issue only once or twice before they have to commit, and few of them are designers. A little preparation helps them judge the right things.
1. Show the flatplan next to the magazine mockup
Send both files together. The flatplan lets the client confirm page order in a minute, so the mockup review can focus on design. Page numbers from the flatplan also give everyone a shared way to point at a change.
An early pitch can start with a single cover render from a mockup generator, before any inside pages exist. Approval of the issue itself still needs every page.
2. Label placeholders and limit the options
Mark every dummy paragraph and temporary photo, and show two magazine cover designs at most. A client who doesn’t know an image is a stand in will likely spend part of their feedback on it.
This matters most with quick renders from a mockup generator, where stock photos look finished long before anyone licenses them.
3. Ask your client for decisions, not opinions
State the goal of the issue in one sentence, then list the three or four calls you need, such as which cover, which headline and whether the feature spread works. A vague “What do you think?” brings back vague answers.
4. Agree on feedback, deadlines and revision rounds
Ask for one consolidated reply from one person on the client side, organized by page number, by a set date. Your team then turns that list into comments for the designer, so nobody works from five email threads at once.
Many agency and freelance quotes include two or three rounds of changes. Say how many before the first review, so a late change of direction becomes a new decision instead of a free extra.
Run a basic check of links, image rights and the mobile view before the client sees anything, and keep the full prepublish checklist for the days before release.
Create a magazine flatplan and mockup in Flipsnack
Step 1: Plan your magazine flatplan
Start with the structure. Flipsnack lets you plan the issue as a flatplan before anyone designs a page. Add a page for every story, section and ad, then add, remove or move pages in the page panel until the running order works.
Step 2: Turn your plan into a magazine mockup
Fill each planned page with copy, images, fonts and brand colors from one of the magazine templates, so the plan becomes a realistic design. Already designed the issue elsewhere? Upload the PDF your designer exported instead, and use Edit PDF (beta) for late text fixes in a supported vector PDF.
Step 3: Preview the issue and review the design
Preview the issue to check the page flow, the page turns and every link or video. Teammates with editor access can leave comments on the exact spot that needs work, and the designer returns to the editor to fix it.
Step 4: Share your magazine mockup for approval
Publish the review version with limited visibility in the privacy options. An Unlisted link opens for anyone who has it but stays out of search, while a password keeps the issue closed until your client enters it.
Let the client know how to send feedback: one reply by page number, or an optional contact form on the last page. Clients don’t need a Flipsnack account to fill it in, and forms come with the interactive features in current Business and Enterprise plans. Client feedback in Flipsnack is about to get easier too, with comments on published flipbooks for readers and stakeholders on the way.
Step 5: Update and publish the approved issue
Your designer works through the agreed changes in the same flipbook. If you used the form, export the submissions from your flipbook statistics before you remove it, because the answers leave with the form.
After sign off, publish the issue for the readers it’s meant for: Public for everyone, or Unlisted or Private for a client or internal edition. The link never changes, so the review link becomes the hosted digital magazine your readers open.
Get your magazine mockup approved faster with Flipsnack
Use the flatplan to agree on what goes where. Use the mockup to agree on how it looks. Approval rounds pile up when a client is asked to judge both at once.
In Flipsnack, both steps happen in one place. The page panel keeps your flatplan in order, and the same flipbook moves from client review to published issue under one link.
Build your next magazine mockup in Flipsnack and send your client a link to the real issue.
Plan the pages early, and the sign off comes faster.
Frequently asked questions about magazine mockups and flatplans
A flat plan, also written flatplan, is a page by page map of a magazine or newspaper issue. Each page appears as a small box with its story or ad, so editors can check page count, running order and ad positions before design begins.
Not quite. A magazine mockup shows the concept and design for approval, while a proof is the final check of print ready files before the printer runs them. A mockup can still change, but a proof should only need small corrections.
Make a magazine mockup once the copy is mostly final and the layout is close to done. Before that point, a flatplan or rough sketches are faster and cheaper to change.
Yes. Many teams keep their flatplan in a spreadsheet or an online tool, so editors, designers and ad sales see the same page order. In Flipsnack, the page panel in Design Studio works as a visual flatplan for digital issues.
Only if you want a static image for a portfolio, pitch deck or social post. For client approval of a digital issue, a live flipbook preview shows the real page flip, links and video, which a static render can’t.
