Vectorize 是 StyTrix 的 AI 服裝分析流水線。只需上傳一張服裝照片，系統便會自動執行四個連續處理步驟——將原始照片依序轉換為專業商品圖、技術平面圖、色塊版型圖，最後輸出可縮放的 SVG 向量檔案。
這是時裝設計師將一張簡單照片轉化為完整生產資料的終極工具。
如何開啟 Vectorize
在左側工具列，點擊 Vectorize。面板顯示完整的 4 步驟流水線介面。
Step 1 — 上傳服裝圖片
將服裝照片拖放至上傳區域：
- 從電腦拖放
- 從 StyTrix Canvas 拖放——任何 Canvas 圖像都可以直接拖入
- 點擊 Browse 選取本地檔案
- 點擊 Library 從媒體庫中選取
圖片載入後，以縮圖與檔名顯示。更換輸入圖片時，流水線會自動重置。
點擊縮圖旁的重置圖示（↺）可更換當前圖片。
4 步驟流水線
每個步驟依序執行，以上一步的輸出作為輸入。步驟 1–3 使用 Gemini 視覺模型；步驟 4 使用 Fal Vectorize API。
Step 1 — FLATTEN（平鋪展示）
功能： 將服裝照片轉換為專業電商商品圖。
- 將服裝平鋪在乾淨的白色背景上
- 正上方俯視角度，比例精確
- 去除背景雜物與干擾元素
- 輸出：適合目錄使用的乾淨平鋪商品圖
典型用途： 將任何情境拍攝的服裝照片（掛架、穿著、折疊、任意背景）轉化為一致的電商商品圖。
Step 2 — TECHNICAL SKETCH（技術平面圖）
功能： 將平鋪圖轉換為黑白技術平面圖。
- 同時生成正面視圖與背面視圖並排呈現
- 去除所有印花、圖案與材質紋理
- 符合行業標準的技術時裝插圖風格，適合向量化
- 乾淨的線條繪製風格
典型用途： 製作技術包（Tech Pack）草圖，用於生產文件、版型製作與供應商溝通。
Step 3 — PATTERN PIECES（版型片段識別）
功能： 分析技術草圖，以不同顏色標記每個獨立版型片段。
- 每個獨立版型片段以不同純色填充
- 無輪廓線——純固色填充
- 顏色代表不同片段：前身、後身、袖子、領子、袖口等
- 乾淨的平面圖形風格，適合版型分析
典型用途： 識別和計算所有版型片段，為放碼和排料做準備。
Step 4 — VECTORIZE（向量化）
功能： 將色塊版型圖轉換為可縮放的 SVG 向量檔案。
- 使用 Fal Vectorize API 進行高品質向量轉換
- 輸出為真正的 SVG 檔案——任意尺寸無限縮放
- SVG 結果直接添加至 StyTrix Canvas
- 適合 CAD 軟體、雷射裁切與生產版型檔案
典型用途： 建立可導入 Illustrator、CAD 軟體或直接用於裁布的生產向量版型。
執行流水線
開始： 載入服裝圖片後，點擊 Start Pipeline 開始步驟 1。
繼續： 每個步驟完成後，點擊 Continue to Step N 繼續執行。每個步驟即時顯示狀態：
| 狀態 | 指示器 |
|---|---|
| 等待中 | 灰色數字 badge |
| 處理中 | 琥珀色閃爍 badge + 旋轉圖示 |
| 完成 | 綠色 badge + 勾號 |
| 錯誤 | 紅色 badge |
每個步驟完成後，結果縮圖立即顯示。點擊縮圖列可展開查看完整尺寸輸出。
加入 Canvas： 將滑鼠懸停在任何輸出縮圖上，點擊 + 圖示，即可將該結果直接加入 StyTrix Canvas 作為新元素。
重試與重新執行
每個已完成或失敗的步驟都顯示 ↺ 重試按鈕：
- 錯誤時： 僅重試該步驟，不重置整個流水線
- 完成後： 從該點重新執行，清除所有後續步驟結果——適合需要嘗試不同變化時使用
流水線完成
所有 4 個步驟成功完成後，狀態列顯示「Pipeline complete」。完整資產鏈現已可用：
- 電商平鋪商品圖（PNG）
- 技術正/背面草圖（PNG）
- 色塊版型圖（PNG）
- 向量化 SVG 版型檔案
所有輸出均可單獨加入 Canvas。
API 金鑰
Vectorize 使用兩個 AI 服務：
- Gemini API — 用於步驟 1–3（圖像理解與生成）
- Fal API — 用於步驟 4（向量化）
兩者預設使用平台的伺服器端金鑰。若需使用自己的金鑰，在Edit 模式展開對應欄位，輸入 Gemini API Key 和 FAL API Key 即可。
實際應用場景
技術包製作 上傳商品圖片 → 執行全部 4 個步驟 → 下載技術草圖（步驟 2）用於技術包文件，以及 SVG（步驟 4）用於生產版型。
電商攝影 上傳掛架上或穿著中的服裝照片——步驟 1 自動生成乾淨的平鋪電商圖，無需攝影棚拍攝。
版型分析 執行至步驟 3，即時查看服裝有多少個版型片段及其空間關係——有助於成本核算與生產規劃。
向量版型檔案 執行完整流水線，從任何服裝照片生成 SVG——可直接導入 Illustrator、Gerber 或任何 CAD 版型系統。
功能總結
| 步驟 | 輸入 | 輸出 | 技術 |
|---|---|---|---|
| 1 — Flatten | 服裝照片 | 電商平鋪圖 | Gemini |
| 2 — Technical Sketch | 平鋪圖 | 黑白正/背面草圖 | Gemini |
| 3 — Pattern Pieces | 草圖 | 色塊版型圖 | Gemini |
| 4 — Vectorize | 版型圖 | 可縮放 SVG 檔案 | Fal Vectorize |
Vectorize 將通常需要整個設計工作室——攝影師、技術插畫師、版型師——才能完成的工作，壓縮成四個點擊的自動化流水線。
