Open the webpage
Navigate to the article or page you want to mock up.
Article mockups
Create article mockups without rebuilding the webpage
Start with a real webpage, edit the visible headline and copy, replace imagery and turn the result into a convincing article concept using the MockUp Buddy Chrome extension.
Made for designers, social teams, PR teams, marketers and anyone who needs to make an idea feel real before it goes live.
MOCK IT.
MAKE IT REAL.
MAKE IT REAL.
Built for real creative work
Open MockUp Buddy
Start with the real page
For PR concepts, reactive ideas and pitches, rebuilding an article from scratch wastes time. MockUp Buddy works directly with the page in your browser so the surrounding layout is already there.
✓Edit visible webpage text directly
✓Replace supported imagery or draw a replacement area
✓Export the finished concept for decks and reviews
From idea to believable mockup
01Choose your platform or use case
02Make the content yours
03Export it ready for the deck
How it works
Use the existing webpage as the starting point for your concept.
Edit in the browser
Use the extension to change visible text and replace imagery.
Export the concept
Capture the finished mockup and drop it into your presentation or approval deck.
Made for PR and campaign concepts
A practical shortcut when the idea depends on seeing a headline, image or story in a real editorial context.
Real webpage context
Use the actual page structure rather than recreating it in design software.
Fast reactive creative
Turn around topical and news-led concepts much more quickly.
Browser-based workflow
Edit, preview and export without switching between multiple design tools.
Need a live webpage?
View Chrome extension →Use the Chrome extension when the concept starts with an existing page
MockUp Buddy.com is the main product. The Chrome extension is an extra option for supported live articles and webpages when you want to edit the page directly in your browser.
Frequently asked questions
How do I create an article mockup?
Open the target webpage in Chrome, launch the MockUp Buddy extension, edit the visible content you need and export the finished concept.
Does MockUp Buddy copy the whole news website?
No. The extension works with the webpage you open in your own browser for the purpose of creating a visual mockup.
What is an article mockup useful for?
It is useful for PR concepts, reactive creative, pitches, campaign visualisation and internal presentations.
More ways to mock it up
Explore other MockUp Buddy tools and use cases.
MOCK IT. MAKE IT REAL.
Mock up the article in context
Add the Chrome extension and turn a live webpage into your next campaign concept.
Open MockUp Buddy →