Verdent Docs
核心功能

圖片工具

在開始建構前先與 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 應用程式圖示、透明背景、扁平風格」產生的結果遠勝於「一個圖示」


接下來可前往