> 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

From uploading fabric images to expressing material properties (Drape)

## 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="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FUGp6ZHeVJGvPh6kmfu6m%2Fimage.png?alt=media&amp;token=1530802f-e2e3-48f0-8f49-b7ae4d5d9783" 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="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FEfczQ6TOHtZ6lgRWPgEB%2Fimage.png?alt=media&amp;token=6590e105-9ea7-48d0-8b7b-972fd59825a3" 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="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F0B2eo6Ls4Ui7h0yafAeB%2Fimage.png?alt=media&amp;token=9cd12ba2-aab9-450a-a877-19bbadc5bc36" alt="" data-size="original">*lightweight linen-blend woven with added stretch, smooth matte texture, soft flexible hand, fluid semi-drapey folds* | <img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FmPYxmz8jgGnBcbYpLhQN%2Fimage.png?alt=media&amp;token=5ebe55ea-9286-490b-9b62-3c773e3744d0" alt="" data-size="original"> | <img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FAUrAAhNC95sv9805BroL%2Fimage.png?alt=media&amp;token=f2400a20-f835-453e-9ff1-6a32371a3770" alt="" data-size="original"> |
| <img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F31MS6KusybnXMbRrhC6a%2Fimage.png?alt=media&amp;token=35e9b117-9d23-42f1-bf77-de864905ed77" alt="" data-size="original">*lightweight stretch-woven linen blend, smooth matte surface, semi-sheer with soft fluid folds*                       | <img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FTkjHREU88R78lUAech9x%2Fimage.png?alt=media&amp;token=f24b606d-2c2d-4b36-8d71-6f848d1f2446" alt="" data-size="original"> | <img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FbU5gLWGtBc1PvIhakvR9%2Fimage.png?alt=media&amp;token=8c920503-1580-4b49-89cc-f0d4c64b15f9" 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="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F7i5PtcJkAMTm7OETzh63%2Fimage.png?alt=media&amp;token=4b407491-59fc-4b50-83bf-ca25dcd57c9e" 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>
