Guides

Learn product mockups, end to end

From your first mockup to a fully automated pipeline - clear, practical walkthroughs.

FROM ORIGINAL ART TO PRODUCT VISUALSWorkflow illustration
Good things grow source artwork01 / Your artwork
Create your signature look.

Bring your designs into a reusable product workflow.

Geometric color study source artworkMake space for joy source artwork
Illustrative coordinated mug, notebook and tote campaign02 / Collection inspiration
Original design examples and AI-generated campaign inspiration. Use the editor to preview your own artwork and template.
10 min read

n8n Mockup Automation: Render Jobs and Collection Workflows

Automate mockups in n8n with JSON HTTP nodes, saved artwork, idempotent jobs and ZIP exports. Download single-render and collection workflows.

Read guide →
9 min read

Make Mockup Automation: HTTP Scenarios and File Exports

Build a Make HTTP scenario for mockup generation with JSON jobs, API-key keychains, completion checks and authenticated image or ZIP downloads.

Read guide →
9 min read

Zapier Mockup Automation: API Requests and Completion Zaps

Connect mockup jobs to Zapier with secure API connections, nested JSON, stable operation keys and separate completion and file-delivery steps.

Read guide →
10 min read

Airtable Mockup Automation: Record Inputs and Render Jobs

Generate mockups from Airtable records with downloadable submit and status scripts, secret variables, stable job IDs and safe attachment delivery.

Read guide →
10 min read

Power Automate Mockups: HTTP Flows and Custom Connector

Build Power Automate mockup flows with JSON jobs, bounded status loops and file delivery. Download a Swagger 2.0 custom connector starter.

Read guide →
7 min read

Relay.app Shutdown: Migrate Your Mockup Automation

Relay.app shut down in September 2026. Rebuild mockup automation in n8n, Make or Power Automate using saved job IDs, API mappings and migration files.

Read guide →
4 min read

How to Create Product Mockups Without Photoshop

Choose a supported template, place artwork, review the result and export a product image. A practical browser workflow with compatibility checks.

Read guide →
3 min read

PSD Smart-Object Mockups, Explained

Understand smart-object design slots, transforms, warps and compatibility reports before importing a PSD mockup template.

Read guide →
4 min read

How to Automate Mockup Generation with the API

Prepare inputs, authenticate, submit render jobs, verify signed webhooks and handle retries in a mockup automation workflow.

Read guide →
4 min read

Print Size, Pixels and DPI: A Worked Example

Calculate pixels for a 10 × 12 inch print at 300 DPI with 3 mm bleed, and distinguish a mockup from a flat production file.

Read guide →
3 min read

Create a Product Image Collection from a Saved Setup

Prepare designs and templates, estimate a collection, inspect a sample and review its manifest before publishing product images.

Read guide →

Ready to ship better product visuals?

Try a sample or your own template. Start free, with no credit card and no watermarks.

Start freeFree plan · no credit card · no watermarks
PSD compatibility reportsSaved projectsAPI with webhooks