# 圖片工具 (/zh-Hant/docs/verdent-manager/core-features/image-tool)
> 在開始建構前先與 AI 對齊視覺方向，接著直接在程式碼庫中生成並儲存產品圖片
**圖片工具**讓你把圖片納入產品建構的流程中。用它在撰寫任何程式碼之前與 AI 對齊設計方向，展開多個變體並挑出最合適的一個，接著生成專案所需的最終產品圖片與素材。每張圖片都會依合理的分類儲存回你的儲存庫，讓視覺素材緊鄰使用它們的程式碼。
## 圖片工具能協助什麼 [#圖片工具能協助什麼]
* **在建構前對齊設計。** 與 AI 一起共創參考稿，讓你和團隊在實作開始*之前*就對視覺方向達成共識。
* **生成多個版本再做選擇。** 針對同一個提示詞要求多個變體，並排比較，而不是直接採用第一個結果。
* **產出產品圖片與素材。** 一旦方向定案，就能把同一段對話轉化為圖示、主視覺、插畫、OG 卡片與行銷視覺的來源。
* **有條理地儲存到程式碼庫中。** Verdent 會把每張生成的圖片歸檔到儲存庫中的分類資料夾，讓長期管理保持整潔。
***
## 如何使用 [#如何使用]
在對話中告訴 Verdent 你需要什麼圖片——例如\*「為定價頁草擬三個主視覺插畫選項，扁平風格，藍／紫色調。」\*你可以附上參考圖片、截圖或現有的標誌，讓 AI 在此基礎上發揮。
Verdent 會並排回傳多個版本。比較構圖、色調與氛圍。透過要求微調來迭代——*「保留 #2，但讓背景更亮一些」*——直到你和團隊對方向達成共識。
一旦選出勝出者，就以它作為參考來生成完整的產品圖片組：應用程式圖示、橫幅、應用程式內插畫、OG 圖片、社群素材。整組素材的風格會保持一致。
確認或覆寫儲存位置。Verdent 會把圖片寫入儲存庫中的分類資料夾，讓它隨你的程式碼一起發布並保持版本控制。
你不需要另外開啟面板。只要在對話中要求圖片——Verdent 就會自動把請求路由到圖片工具。
***
## 儲存與整理 [#儲存與整理]
圖片工具會把生成的圖片**直接儲存到你的專案中**，而非黑箱式的圖庫。Verdent 會從你的提示詞推斷分類並挑選目標資料夾，讓素材日後易於尋找與管理。
**預設配置**
```
your-project/
└── assets/
└── images/
├── drafts/ # Early alignment drafts and explorations
├── icons/ # Product icons and glyphs
├── illustrations/ # In-app illustrations and empty states
├── marketing/ # Social, ads, OG images
└── references/ # Uploaded reference images
```
* **自動分類。** Verdent 會從你的提示詞推斷分類——例如\*「app icon for…」*→ `icons/`、*「landing hero…」\*→ `marketing/`。
* **逐次生成覆寫。** 明確指定路徑——*「save to `public/og/`」*——Verdent 就會照辦。
* **版本控制。** 儲存的圖片就是儲存庫中的一般檔案：可以像任何其他素材一樣提交、比對差異與審查。
* **可重新開啟。** 每張儲存的圖片都會保留建立時所用的提示詞與設定，讓你日後可以延續同一個方向。
想為某個專案設定不同的預設資料夾？只要告訴 Verdent 一次——*「從現在起把所有圖片儲存到 `src/assets/img/` 底下」*——它就會記住，套用於日後的生成。
***
## 提示 [#提示]
**在大量生成前先對齊。** 一開始花一小輪做 3–4 個草稿，能在你開始產出完整素材組後省下大量返工。
**把勝出者當作參考重複使用。** 將核可的草稿作為參考重新輸入，能讓每個新素材在視覺上都與它保持一致。
**明確指定尺寸與使用情境。** *「1024×1024 應用程式圖示、透明背景、扁平風格」*產生的結果遠勝於*「一個圖示」*。
***
## 接下來可前往 [#接下來可前往]
新增專案並嘗試你的第一個圖片提示詞
教 Verdent 認識你的品牌風格，讓生成的圖片符合品牌調性
用自訂圖片工作流程擴充圖片工具
把你技術堆疊的其餘部分連接到 Verdent