> For the complete documentation index, see [llms.txt](https://docs.styleai.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.styleai.io/product-docs/product-docs-en/design-asset-guide/fabric.md).

# Fabric

## 1. Fabric Upload Guide

### 1-1. Use fabric photos that show texture&#x20;

* Texture, drape, and even light response are expressed naturally
* E-commerce **It is recommended to crop only the fabric portion from product images and use that**

<figure><img src="/files/20b2301a9d86c8461f87619661500a1030af29ca" alt=""><figcaption></figcaption></figure>

### 1-2. When photographing swatches, adjust saturation <a href="#id-2-adjust-fabric-color-common-designer-mistake-2" id="id-2-adjust-fabric-color-common-designer-mistake-2"></a>

* When shooting with a phone, colors often become **distorted into gray/yellow tones**
* Because AI reflects these colors as they are, the results may differ
* 👉 Before uploading, a simple **brightness/saturation correction** is recommended

{% embed url="<https://youtu.be/2JgfGb_BREQ?si=BX6ULQxuT_MOa-1->" %}

***

## 2. Fabric Property Prompt Guide (Texture & Drape)

With just one fabric image, it is difficult to fully express texture and drape (the garment silhouette). \
To obtain realistic design results, the fabric photo and a prompt describing it must be combined.

### 2-1. Describe the fabric's drape characteristics in the prompt

Drape forms the overall silhouette of a garment, such as the sleeves, hem, volume, fit, and movement. \
Since flat swatch images cannot capture this three-dimensional information, you must define the fabric's physical properties through the prompt.

<figure><img src="/files/048d94d59ccf7bb44bb7edff06f7c6e68f620fd3" alt=""><figcaption></figcaption></figure>

Key elements to include in the prompt:

* Thickness: Lightweight / Medium / Heavy
* Transparency: Sheer / Semi-sheer / Opaque
* Elasticity: No stretch / Slight stretch
* Seasonality: Summer / Winter
* Drape characteristics: Flowy / Structured / Stiff / Airy

***

### 2-2. Fabric property prompt writing examples

The realism of the garments generated by AI varies greatly depending on whether a prompt is included.

| Fabric Image                                                                                                                                                                                                 | Without prompt                                                                          | With prompt                                                                             |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
| <img src="/files/1d86ef259da7548aa9b419906b65de47715fc271" alt="" data-size="original">*lightweight linen-blend woven with added stretch, smooth matte texture, soft flexible hand, fluid semi-drapey folds* | <img src="/files/dc64a0cebd095c8ef6a7dbd299f4a9a230d22655" alt="" data-size="original"> | <img src="/files/fbf3704bbdbc7917dd167ad489f62c08b39325f9" alt="" data-size="original"> |
| <img src="/files/547dd76a9bb04ffdb1550e4402d1752ce6c14c2d" alt="" data-size="original">*lightweight stretch-woven linen blend, smooth matte surface, semi-sheer with soft fluid folds*                       | <img src="/files/77e8585e84f305f92133424ada7442e88cad8dc1" alt="" data-size="original"> | <img src="/files/d162a85e58cdc1570b5a919dc3d1b8d276a6c529" alt="" data-size="original"> |
|                                                                                                                                                                                                              |                                                                                         |                                                                                         |

💡 Example 1: Linen-blend

* Prompt: Lightweight linen-blend fabric with added stretch, smooth matte texture, soft and flexible hand, fluid and gently draping folds *(English: lightweight linen-blend woven with added stretch, smooth matte texture, soft flexible hand, fluid semi-drapey folds)*

💡 Example 2: Lightweight Stretch Linen

* Prompt: Lightweight stretch linen blend, smooth matte surface, semi-sheer material with soft, fluid folds *(English: lightweight stretch-woven linen blend, smooth matte surface, semi-sheer with soft fluid folds)*

***

## **3.** Pattern Scale Adjustment Guide <a href="#id-4-ensure-correct-pattern-scale-4" id="id-4-ensure-correct-pattern-scale-4"></a>

AI interprets the pattern size in the uploaded image as is.

Therefore, if the image is distorted:

* Enlarged flower pattern → generated as an excessively large pattern
* Small repeating pattern → expressed too densely

### 3.1 Adjust pattern scale with the prompt

Even if the image is not suitable,\
You can adjust the scale with the prompt.

<figure><img src="/files/898d0b1718d07bb9e4dc8dbcb69bd53a6402b1e8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Because the swatch is zoomed in, adjust the stripe pattern to a realistic garment scale: thin teal and white vertical stripes (approx. 5 mm each), narrow spacing, and multiple stripe repetitions across the entire garment. Maintain clean, continuous alignment.
{% endhint %}

### 3.2 Shoot from the distance at which it would appear on clothing

To keep the pattern scale accurate,\
image selection and shooting method are important.

**When there is only a swatch**

* Too close-up shot ❌
* Shot from the same distance as it would appear on real clothing ⭕

👉 Key point: **Make it look like the “actual wearing size”**

<figure><img src="https://image.inblog.dev/?url=https%3A%2F%2Fsource.inblog.dev%2Fpost_image%2F2025-11-27T06%3A34%3A31.236Z-8c9cc548-bab5-4131-93b3-1b2c19a38f64&#x26;w=1920&#x26;q=85" alt="Pattern Scale Guide"><figcaption><p>Pattern Scale Guide</p></figcaption></figure>
