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