Skip to main content

3. Uploading your designs: Bring Your Creations to Life!

This guide explains how to upload a design and map it to product templates, or how to upload your own mockups

Written by Nina

3.1 Uploading Your Designs — Step-by-Step

The following guide walks you through the full upload process from start to finish. Follow the steps below, or watch our short video guide: Upload your designs and add mock-ups.

Step 1: Access the Uploads Dashboard

Go to app.thepatterncloud.com, open Design Management and click Uploads. This is where all your uploaded files will be stored until they are made live.

The Design Management menu open, with Uploads

Step 2: Upload Your Main Thumbnail

Click Select files and choose the main thumbnail image (JPEG) that customers will see first. This image represents your design in the storefront.

Upload Files with Select files, and the Instructions below

  • Recommended size: 850px x 1200px

  • JPG dimensions must not exceed 2,000 pixels on any side.

Important: Make sure your filename has no spaces or special characters — these can cause upload issues. Wait until all files have finished uploading before refreshing or leaving the page.

Step 3: Upload High-Resolution File (Optional)

You can upload a high-resolution file (PSD, TIFF, or AI) at this stage or come back to it later. Give it the same file name as the thumbnail (for example design01.psd and design01.jpg) and they become one design.

You can also add a high-resolution file to an existing design at any time: open the design and click High-Res Files at the top of the page (see Upload and download high-res files).

The design page with the High-Res Files button

💡 Large file uploads (200MB+): After uploading a large high-resolution file, the preview may initially appear blank or white. This is normal — wait until the file has fully finished uploading, then refresh the page and the high-res file will merge correctly with the preview image.

Step 4: Showcase Designs in Mock-Ups

Click the design in Uploaded Previews to open Create Images. Under Select Design, click your design, then under Select Mockup, choose a product. Use the Controls to adjust the scale, position or rotation of your design, then click Generate & Save. To upload your own mock-ups, go to Configuration › Settings › Mockups (see Add mock-ups to a design).

Each design needs at least two images (P1 and P2) before it can go live.

Step 5: Add Additional Images

You can add up to 10 images per design, such as additional mock-ups. Click Add a mockup for each one.

All Generated Images with the new dress mock-up in the next position, and Add a mockup

Step 6: Name Your JPEG Correctly

Ensure your JPEG file is named appropriately — this filename will become the design code visible to customers on your storefront.

⚠️ Use no spaces or special characters in your filename to avoid upload issues.

Step 7: Generate a Fabric Swatch Video

Depending on your subscription plan, you can generate a short video showcasing your design on a fabric swatch. Select the target slot for the video and click Generate Video. Videos are added to a rendering queue and may take up to 24 hours to appear.

Step 8: Add Metadata

On the Add Metadata step, fill in the following details:

  • Display Name (it starts as the file name) and Upload Date

  • Designer

  • Description (Extra Text), seen by customers

  • Admin Notes (for your team only) and Pricing Type (Exclusive or Non-Exclusive)

Step 9: Repeat and Swatch Type

If applicable, answer Is the file in repeat?, and under Swatch Type choose Paper or Fabric if a physical swatch is available alongside the digital file (or None).

Step 10: Customise Tags

Add relevant tags to help customers find your design. Choose tags relevant to the season, trend, style, or category. Good tagging improves discoverability across your storefront.

A design's Tags with tags added, and Quick Add Tags

Before tagging your designs, we recommend setting up your custom tag headings first — this allows you to create your own categories and menu structure that will appear on your storefront. See the full guide here:

Step 11: Make the Design Live

Once you’re happy with everything, click Make Live on the Add Metadata step. Your design moves to Stock and immediately becomes visible to customers on your website. If the button is greyed out, the design needs a P1 and a P2 image and at least one tag from the Section group (see Make a design live).


3.2 Uploading Mock-Ups

We share a folder of mock-ups with you: upload the ones you want once, then add them to any design.

Here's how:

1️⃣ Click here to access the templates on Google Drive: Link
2️⃣ Download your favorite designs.
3️⃣ Upload them under Configuration › Settings › Mockups: drag them into Upload mockups, or click it to choose them. Use PNG files with a transparent background, up to 30 MB.

Upload mockups, with a mock-up uploaded

Create Product Image Tutorial

In case you want to create your own custom mockups, we have a helpful tutorial on how to create Product Images: Discover how to create Product Images with this tutorial.


3.3 Uploading Repeat Tile Designs

If your designs are created as repeat tiles (e.g. 32x32cm or 64x64cm), follow this guide to upload and showcase them correctly:

Step 1: Select Your Repeat Tile File

Select your repeat square file (e.g. a 64cm x 64cm JPEG or layered PSD). Industry standard sizes are 32x32 or 64x64.

Step 2: Create Images

After uploading, click the design in Uploaded Previews to open Create Images and the Create New Image window.

💡 To use a different tile as the pattern, click Upload Tile under Custom Pattern (Optional) (PNG or JPG, up to 30MB).

Step 3: Set as a Repeat Pattern

Under Controls, Repeat Pattern is already ticked, so your design is tiled. Change the Scale to show the real size of your repeat.

Step 4: Handle Borders

If you untick Repeat Pattern, your design shows only once, with white space around it. Keep it ticked to fill the image with your repeat.

Step 5: Generate and Save the Thumbnail

Once you’re happy with the repeat preview, click Generate & Save. This will be the main image customers see on your storefront.

Step 6: Add Product Mock-Ups

Optionally, click Add a mockup and choose a product under Select Mockup. Repeat Pattern is already ticked. Click Generate & Save: the image goes in the next empty position.

Step 7: Add More Images and Generate Video

Add additional images if needed. If your subscription includes video generation, you can also create a fabric swatch video at this stage.

Step 8: Tag and Describe the Design

Add relevant keyword tags and write a customer-facing description. We recommend including the repeat size (e.g. 64cm x 64cm) in the description so buyers have all the information they need.

Step 9: Make the Design Live

Once all steps are complete, click Make Live to publish the design. It will appear on your storefront immediately.

Step 10: Preview on the Front End

Log in as a customer to check how your repeat tile design appears on the website. You can choose between a filled thumbnail or a square display depending on your personal preference and how you want the collection to look.


3.4 Bulk Uploading Files

Need to upload multiple designs at once? Bulk ZIP Upload lets you prepare and submit an entire batch of designs in one go:

Step 1: Open Bulk ZIP Upload

Open Design Management, then Uploads, and click Bulk ZIP Upload.

Step 2: Prepare Your Files

Organise your files in a folder before zipping. Each design should include:

  • Minimum requirement: one JPEG thumbnail (.jpg or .jpeg)

  • Optional: one high-res file (.psd, .ai, .tif or .tiff) with the same name, for example my-design.jpg + my-design.psd

Step 3: Name Your Files Correctly

Use the following naming convention for each design's files:

  • Keep each design’s files with the same base name

  • For a design with more than one image, use numbered suffixes: -1, -2 or -P1, -P2

⚠️ Use only letters, numbers, and hyphens in your file names. Avoid spaces and special characters, as these will cause upload errors.

Step 4: Select and Upload Your Zip File

Click Select a ZIP file to choose your prepared zip folder. Make sure each design has its JPEG thumbnail and, optionally, its high-res file.

Step 5: Process and Tag Your Designs

After uploading, your designs appear in Uploads. Open each one to add its mock-ups, details and tags, then make it live.

Step 6: Important File Guidelines

Before submitting your zip, please ensure the following:

  • Do not include unsupported file formats — thumbnails must be .jpg or .jpeg and high-res files .psd, .ai, .tif or .tiff (PNG, PDF, EPS and other formats are skipped). Only the first high-res file for each design is used

  • Avoid special characters in file names — use only letters, numbers, and hyphens

  • The total zip file size must not exceed 500 MB

💬 If you encounter any issues or have questions about bulk uploading, contact our support team at [email protected] — we're happy to help.

Did this answer your question?