Skip to main content
Mockups allow you to place your artwork, logo, or design onto product photography, such as T-shirts, tote bags, cups, or packaging, directly within the Recraft canvas. You can either generate a mockup from scratch or convert an existing image into a mockup frame.

​
Mockup collections

Browse four collections of pre-made mockups — Apparel, Packaging & products, Devices, and Outdoor ads — in the Get started window within the project. To open it, click the Get started icon (four squares) in the bottom toolbar. Image

​
There are three ways to create a mockup:

​
1. Use a pre-made mockup from a collection

  1. Click the Get started icon in the bottom toolbar.
  2. Under Mockups, choose a collection: Apparel, Packaging & products, Devices, or Outdoor ads.
  3. Hover over a mockup and click Use as mockup to add it to the canvas.
  4. Apply your design by following the steps to apply your design to the mockup.

​
2. Generate a mockup from scratch

Use this option if you want to start from a prompt:
  1. In the Create panel, open the type dropdown at the top (it shows Image by default) and select Mockup.
  2. Describe the product you want to visualize (e.g., “white T-shirt facing forward”).
  3. Click Generate.

    Once generated, the image is automatically converted into a mockup frame.
Image

​
3. Convert an existing image to a mockup

You can also convert any photorealistic image (e.g., a stock photo of a product) into a mockup:
  1. Place the image onto the canvas.
  2. Select the image, and in the right panel under Reuse, click Turn into mockup.
  3. The image will be converted into a mockup frame.
Image This method works best with any suitable object in an image, such as T-shirts, cups, packaging, notebooks, etc. You can also generate a product photo in a photorealistic style and convert it the same way.

​
Flatten with AI

For mockups with flat surfaces — such as packaging, devices, billboards, or screens — you may want to refine how the design sits on the object, so it follows the correct perspective or fits precisely onto the surface. Select the mockup, and in the right panel under Finalize, click Flatten with AI to blend your design more naturally into the mockup. It costs 7–24 credits. This step is optional — depending on the mockup, you may or may not need it. To merge the design without AI, use Flatten.