GrokIntermediate

How to Make a Product Mockup with Grok

Place your logo or design onto a realistic product shot for listings and ads.

8 minIntermediate

Before a product exists, you can still show what it will look like. Grok creates product mockups by either generating the item from scratch or placing your artwork onto a realistic object like a mug, t-shirt, or bottle. This guide focuses on the second case, putting your own design on a product, which is the most common need for sellers.

What you need

  • Your logo or design as a clean PNG, ideally with a transparent background.
  • A decision about which product surface it goes on.
  • An open Grok chat with image upload.

Step 1: Upload your design

Attach the artwork you want printed. A transparent PNG works best because Grok can wrap it onto the product without a visible box around it. If your design has a solid background, ask Grok to remove it first in a separate step.

Step 2: Describe the product and placement

Tell Grok exactly what object to render and where the design sits. Name the product, the angle, and the surface position. The more specific the placement, the less the design floats in an unnatural spot.

mockup prompt
Put this logo on the front center of a white ceramic coffee mug, photographed on a wooden cafe table, soft daylight, slight angle so the handle shows.
Grok - mockup setup
attached: logo.png (transparent)
ask: white mug, logo front-center, cafe table
out: mug-mockup.png
The uploaded design plus a placement description drive the mockup.

Step 3: Check that the design follows the surface

On a realistic mockup, the artwork should curve with the mug and pick up the lighting, not sit flat like a sticker. If it looks pasted on, ask Grok to "wrap the logo to follow the curve of the mug and match the lighting." That single note usually fixes the flat look.

Grok - realism fix
You
Wrap the logo to follow the curve of the mug and match the lighting.
Agent
Adjusted. The logo now curves with the mug and picks up the daylight.
Asking the design to follow the surface curve sells the mockup.

Step 4: Generate a set of angles

Listings convert better with more than one view. Ask for the same mug "from the side" and "in a person's hand" to build a small gallery from one design. Keep the lighting description identical so the set looks like one shoot.

Tip
Mockups are for previews and concept testing, not for printing. When you go to production, send your original vector or high-resolution file to the print shop, not the rendered mockup.

Result: a flat logo PNG becomes a gallery of a branded mug shown front-on, from the side, and held in hand, all consistent enough to drop into a store page.

Watch related tutorials

Tags
#grok#mockup#product#ecommerce