> 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/use-cases-by-category/apparel.md).

# Apparel

{% embed url="<https://youtu.be/i-d6z1k1epQ?si=Sp6T7aVwE27pLrkN>" %}

<details>

<summary>Reference Mix (Mix)</summary>

<figure><img src="/files/5061e429b4ec88bad201737231c88b6201a52e3b" alt=""><figcaption></figcaption></figure>

<div align="center" data-full-width="true"><figure><img src="/files/f95532f0a11450658f76585eb9aa2a8156b68d0c" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/290dd22dab5037697a9143825515bc6aa822d140" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/50518e870437a6e37462e243c75c11b904ea25d2" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/87157db052a7c0651e0de713432da1511d8c0027" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/08cbf0e591c438ff63a686f3cd6af1afac3d86d2" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Style Variation (Style variation)</summary>

<figure><img src="/files/3fc5f4b65f2c290dd78645d7081734eb6a071e96" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/14b5f8b6344ba5db5d08581ccb413439af308734" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/b9a8164bc4096a82a2627a154c38f3043ef609a8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/1bf473011988778ae8301c5c2c0c11fdbb56622f" alt=""><figcaption></figcaption></figure>

#### Style Variation (Style variation) - 4&#x20;

<figure><img src="/files/6678bbe7cca7835a3298456a65820edaf36ea189" alt=""><figcaption></figcaption></figure>

#### Style Variation (Style variation) - 48

<figure><img src="/files/9fab0058b5778270cc4983deac3dadb8738654c0" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Real-time Trend Search</summary>

<figure><img src="/files/3d634eff8a03dbe57a3373ca1b94d45f824d4655" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/73d9c3907c4ea582c810c92ddc95589d4f14987e" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Sketch Generation (Image to Sketch)</summary>

<figure><img src="/files/edd1458fcfe5172837bdca12937663d739d21862" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/4b54b7600ca91a480b1f4950a436a6e5cb056ea3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/50224ff1f9d8f66efabc8412aaefa5f1920abde5" alt=""><figcaption></figcaption></figure>

#### Generate Sketch (Image to Sketch) - Full 2D sketch

<figure><img src="/files/0d0ecb6a99280aa8f84442fa0240c5a3ae6e0f52" alt=""><figcaption></figcaption></figure>

#### Generate Sketch (Image to Sketch) - Outline only

<figure><img src="/files/e8747aee41ee419e7761a5bde89accc74004a763" alt=""><figcaption></figcaption></figure>

#### Edit Sketch (Edit Sketch)

<figure><img src="/files/3509f175baecf4213529d574813f90f68652d591" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/9fd34761a6946474b58015077d644f31d19ac8b0" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Sketch Vector Conversion (Adobe Illustrator)</summary>

#### **A simple 4-step process to convert images into editable vector graphics using the AI Design Assistant and Adobe Illustrator**

### **1. Start by generating an AI sketch**

In the AI Design Assistant, generate a technical flat `Download the PNG` by clicking the button.

<figure><img src="/files/9bb11bd9da0b375ca5ad2d2e22a4f4a5375b9ffd" alt=""><figcaption></figcaption></figure>

### **2. Import and prepare in Adobe Illustrator**

Open Adobe Illustrator and import the downloaded AI-generated technical flat.

### **3. Go to Window > Object > Image Trace**

<figure><img src="/files/fc1a26be07cb4e0e1293fe3f3cc3c3f8bc54199f" alt=""><figcaption></figcaption></figure>

### **4. Configure the Image Trace settings**

* From the dropdown menu `select the Technical Drawing preset.` Choose the preset.

<figure><img src="/files/4f403431cc51aad16e8969ef72149c8723fc8910" alt=""><figcaption></figcaption></figure>

* `Ensure the Create Strokes option` is checked.

<figure><img src="/files/334fcbe354c0bba02bca87ec63a06a3a5ac76e33" alt=""><figcaption></figcaption></figure>

* When you are satisfied with the preview, `click Expand`to convert the traced image into editable vector paths.

<figure><img src="/files/9929da967046c5be4a1b0a6cc6bd221f4b523f26" alt=""><figcaption></figcaption></figure>

After expanding, the image is now composed of individual line segments that can be edited separately.

</details>