Generating Mockups

Overview

The Generator is where the magic happens. You combine your uploaded designs with templates to create professional product mockups in bulk. Access it from your Dashboard → Generate Mockups button or navigate directly to the /generate page.

The process is straightforward: select designs, choose templates, adjust placement settings, pick your export format, and hit generate. MockupBulk handles every combination automatically so you don't have to create them one by one.

Step 1: Select Your Designs

Your uploaded designs appear in the left panel of the Generator. Each design shows a thumbnail preview so you can quickly identify them.

• 1 Click on any design to select it. A blue checkmark appears on selected designs.
• 2 Click again to deselect. You can toggle selections freely before generating.
• 3 Select multiple designs — each one will be combined with every template you choose, creating all possible combinations automatically.

Step 2: Choose Templates

Browse the template library in the middle column. Templates are organized by product type and category for easy browsing.

• 1 Filter by product type — Use the dropdown or tabs to narrow templates to a specific product category (t-shirts, mugs, posters, etc.).
• 2 Preview thumbnails — Each template shows a preview so you can see the mockup style, angle, and background before selecting.
• 3 Click to select — Selected templates get a blue border. Select as many as you like.

Step 3: Design Placement Options

These settings control how your design fits inside the template's design zone. The right settings make a big difference in how your final mockup looks.

Fit Mode

Alignment

Choose where your design is anchored within the zone using a 9-point alignment grid. Options run from top-left through bottom-right. The default is center, which works best for most use cases. Alignment matters most when using Fill mode, as it determines which part of the design is visible when cropping occurs.

Scale

Use the scale slider to resize your design within the zone, ranging from 10% to 200%. The default is 100%. Scaling below 100% shrinks the design (useful with Fit mode), while scaling above 100% enlarges it (useful for zooming into a specific area of your design).

Step 4: Export Settings

Before generating, configure how your mockup files will be saved.

Format

Quality

A slider from 10% to 100% that controls compression. Only applies to JPG and WebP formats. Higher values mean better quality but larger files. 80% is a good default for most web uses.

DPI (Dots Per Inch)

• Auto Matches the template's native DPI. Recommended unless you have a specific need.
• 72 Standard for web and screen display. Smaller file sizes.
• 300 Print-ready resolution. Required by most print-on-demand services.

Step 5: Generate!

Once you're happy with your selections and settings, click the "Generate Mockups" button. MockupBulk creates every combination of your selected designs and templates automatically.

A progress bar shows real-time completion so you know exactly how far along the job is. Generation speed depends on the number of mockups, their resolution, and the export format.

Once complete, a download button appears. Click it to download all your mockups as a single ZIP file.

How Many Mockups Will I Get?

The math is simple:

Multi-zone templates count as 1 mockup per combination but place multiple designs within a single image.