Design Mockup Multi-Screen Presentation
Combine multiple app or website design screens into one panoramic image for reviews and portfolio display.
Whether you're presenting a design flow to a client or preparing a cover shot for Dribbble or Behance, stitching multiple Figma or Sketch exports into one image is a routine part of a designer's workflow.
The Problem
Designers frequently need to show an entire app flow or website journey in one glance during client reviews, but Figma and Sketch export each screen as a separate file. Flipping through loose images makes it hard for clients and stakeholders to follow the navigation logic, and manually assembling them in Photoshop takes time and often introduces blurry edges or misaligned proportions, especially when screens have different sizes.
The Solution
Auto Merge Images lets you drag any number of exported screens straight into your browser, no Photoshop or design software required, and nothing gets uploaded to a server. The tool arranges screens in the order you drop them while preserving original resolution, and you can freely adjust spacing, background color, and layout direction (horizontal or vertical) to produce a polished presentation image in seconds, ready for client review or a portfolio upload.
How It Works
- 1Export all design screens from Figma or Sketch
- 2Drag them in following the user flow order
- 3Adjust spacing, background color, and layout direction
- 4Preview and download the high-resolution image
- 5Use it for client reviews, team presentations, or your portfolio
Why Use This Tool
- ✓No design software needed, everything runs in the browser
- ✓Keeps full resolution so clients can zoom in on details
- ✓Works with any number of screens, no page limit
- ✓Processes files locally, nothing uploaded to a server
- ✓Completely free, no watermark, no usage limits
Frequently Asked Questions
Can I control the spacing between mockups?
Yes. You can freely adjust the gap and background color between each screen, which helps separate sections or match your portfolio's visual style.
What's the best export format for client presentations?
PNG keeps the sharpest text and edges. If the file needs to be emailed and size matters, a compressed JPG works fine too.
Can I combine mockups of different sizes, like mobile and desktop screens?
Yes. The tool arranges screens proportionally by default, and you can manually resize individual images to align mobile and desktop layouts.
Does this work for exporting to Behance or Dribbble?
Yes, many designers use it to combine multiple screens into a single cover shot or case study image before uploading to Behance or Dribbble.