> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Choosing an outfit

> Dress your model with preset garments, footwear, and accessories, or upload your own to generate a custom shot.

Every shot needs an outfit. Fashion Studio lets you dress the model with preset garments, footwear, and accessories, or upload your own for a fully custom look. Everything is picked from a single **Outfit** panel.

<Steps>
  <Step title="Open the Outfit panel">
    Under **Outfit**, click **Pick Outfit**. The **Outfit** panel opens with a slot for each part of the look: **Top**, **Bottom**, **Footwear**, and **Accessories** (optional). Click a slot, then click an item in the catalog below to fill it. Everything here is ready to use as-is — no upload required.

    When the **Top** slot is selected, you can narrow the catalog with **All**, **Shirts & Tees**, **Knitwear**, **Outerwear**, or **One-Piece**. Click **Saved** to see only items you've saved with the bookmark on each card.

    <Frame>
      <img src="https://mintcdn.com/imagineart/P0G7pTiRU29rWBec/images/fashion-studio/choosing-an-outfit-step-01.png?fit=max&auto=format&n=P0G7pTiRU29rWBec&q=85&s=57a475841d7d880bea13497ed8a9c428" alt="Outfit panel with Top, Bottom, Footwear, and Accessories slots, category filters, and a catalog of preset tops" width="1440" height="900" data-path="images/fashion-studio/choosing-an-outfit-step-01.png" />
    </Frame>
  </Step>

  <Step title="Upload your own garment">
    Click **Create New**, the first tile in the catalog, to add a garment that isn't in the preset library. For a top, choose **Shirt** or **Dress**, then upload clear-background **Front** and **Back** photos of the item (an optional **Fabric & print details** photo helps with texture). **Auto cutout** is on by default, so you don't need to pre-mask the photos yourself.

    <Frame>
      <img src="https://mintcdn.com/imagineart/P0G7pTiRU29rWBec/images/fashion-studio/choosing-an-outfit-step-02.png?fit=max&auto=format&n=P0G7pTiRU29rWBec&q=85&s=c54caf0579726e9c0b8d2396f3f3ec77" alt="Create Top dialog with Shirt and Dress tabs, Front and Back photo uploads, a Fabric & print details upload, and Auto cutout toggles" width="960" height="810" data-path="images/fashion-studio/choosing-an-outfit-step-02.png" />
    </Frame>
  </Step>

  <Step title="Add footwear and accessories">
    Click the **Footwear** or **Accessories** slot in the same panel to switch the catalog to shoes or accessories. Each has its own preset library, plus **Saved** and **Create New** for adding your own item. **Accessories** is optional; leave it empty if the shot doesn't need any.

    <Frame>
      <img src="https://mintcdn.com/imagineart/P0G7pTiRU29rWBec/images/fashion-studio/choosing-an-outfit-step-03.png?fit=max&auto=format&n=P0G7pTiRU29rWBec&q=85&s=bd50fb157289b103fc80326b3b373104" alt="Outfit panel with the Footwear slot selected, showing a catalog of preset shoes and a Create New tile" width="1440" height="900" data-path="images/fashion-studio/choosing-an-outfit-step-03.png" />
    </Frame>
  </Step>
</Steps>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.