Vulcan
Security for AI Applications
時間
2025 - Recent
專案角色
Sr. Product Designer
產出
Platform、Design Systerm
專案背景
Vulcan 是一款專注於 GenAI Security 的企業級產品，涵蓋 AI Red Teaming、Vulnerability Assessment 與 Protection / Guardrails 等核心功能。
面對這類高度專業且流程複雜的產品，設計不只是介面呈現，更需要建立一套能支撐產品成長的系統性基礎。當模組、頁面與功能持續擴張時，若缺乏一致的設計語言與規範，產品體驗便容易變得分散且難以維護，不僅提高使用者理解門檻，也會降低設計與工程協作效率。
專案目標
建立一套可跨產品共用的設計系統基礎，讓 Vulcan 在功能與模組持續擴張下，仍能維持一致、可理解且可落地的產品體驗。另一方面，面對 AI 產品快速演進的市場環境，這套設計系統也必須支援更高效的產品開發節奏，幫助團隊更快速地回應需求、驗證方向並推出新功能。
同時，我也與 PM 緊密合作，從產品需求梳理到 UI Flow 規劃，協助建立更清晰的使用流程與畫面架構，進一步提升設計與工程的協作效率。
團隊角色
- 3 Designer
- 8 Product Manager
挑戰
1. 高複雜度產品下的一致性建立
Vulcan 是一款高複雜度的 B2B 產品，具備功能抽象、資訊密度高與流程多變等特性。若缺乏明確且可延展的系統基礎，產品在後續功能與模組持續擴張的過程中，容易產生更多不一致，也會增加設計與開發上的重工成本。
2. 跨產品共用的系統思考
這套 system 並非只服務單一產品或單一頁面，而是需要同時支援 Vulcan 與 Cymetrics，設計上必須在不同產品的共通需求與個別差異之間取得平衡，建立真正可複用、也能持續延伸的系統基礎。
3. 從設計檔走向可落地協作
設計系統的價值不應只停留在 Figma 檔案中，而是要能被實際理解與使用，它需要幫助 PM 更快對齊需求、讓設計師能更有效協作，也讓工程師能順利實作，才能真正轉化為團隊效率與產品品質的提升。
4. 多角色、多方協作下的溝通挑戰
在推進過程中，我也需要同時與多位設計師及 PM 密切合作，持續對齊需求、整理分歧並推動共識，很考驗跨角色溝通的清晰度與協作順暢度，才能確保系統能在多人協作下穩定推進。
UI System
規劃跨產品共用的 UI component system，並與多位 PM、工程師及設計師協作，一起推進大型專案的設計與落地，
這套 system 不只服務 Vulcan，也與 Cymetrics 共用，因此我負責的不是單一產品畫面，而是跨產品的 design foundation
-
規劃整套設計規範
-
建立 design tokens
-
定義系統層級的設計原則與一致性標準
-
與其他設計師協作延伸成基礎元件、table、form、filter 與頁面模板
-
與 PM / 工程一起定義複雜流程，確保 system 能真正支撐產品需求
Design Strategy
1. 定義 system 的角色與邊界
專案初期，我先釐清這套 system 真正要解決的問題。它不只是為了建立視覺一致性，更重要的是回應跨產品體驗不一致、設計重工、頁面擴張效率低，以及工程對齊成本高等核心挑戰。透過先定義 system 的角色與邊界，也讓後續規劃能有更清楚的方向。
2. 建立設計規範與 design tokens
在 foundation 階段，我建立了整套設計規範與 design tokens，作為產品共享的底層語言。這讓後續的元件系統不再只是表面上的一致，而是能在結構、狀態與延展性上建立更穩定的基礎，支撐不同產品與功能場景的使用。
3. 與設計師協作擴充元件系統
foundation 建立後，我進一步與其他設計師協作，逐步完善基礎元件，以及 table、form、filter 等高頻使用模組，並延伸出可快速套用的頁面模板。這不僅提升了日常設計效率，也讓團隊在面對新需求時，能更快從既有系統中找到對應方式。
4. 與 PM / 工程共同定義複雜流程
除了元件本身，我也與 PM 和工程師共同梳理大型專案中的複雜流程，釐清哪些互動模式應被標準化，哪些資訊層次需要更穩定的結構。透過這樣的跨角色協作，system 不只是設計資產，也成為支撐產品邏輯與實作落地的重要基礎。
5. 用 system 支撐頁面與功能擴充
當 system 逐漸成形後，它也成為團隊在擴充新功能與新頁面時的共同基礎。設計不需要每次從零開始思考，工程也能更快找到可對應的實作模式，進一步提升產品擴張過程中的一致性與協作效率。
Impact
