合作媒體

AI助攻產品設計 Codex快速打造互動式原型

商傳媒|林昭衡/綜合外電報導

由 OpenAI 與 GitHub 共同開發的人工智慧(AI)程式撰寫模型 Codex,現正展現其在加速產品設計流程上的強大潛力。這項工具能夠將初步設計概念,快速轉化為可供使用者實際操作與測試的互動式原型。

整個流程始於一份詳盡的設計簡報,其中概述了產品的功能、目標與設計方向。以開發 chatgpt.com 網站上的日曆功能為例,AI 的任務是創造一個直觀且與現有平台無縫整合的原生體驗。考量重點包括行事曆同步、事件顯示、任務規劃及會議準備功能等。

在設計初期,AI 會積極釐清需求,例如確認設計是否符合既定的設計系統規範,以及預期的互動程度為何,目標是產出功能性原型而非靜態概念圖。隨後,Codex 將進入視覺探索階段,為該功能生成三種獨特的設計方向,例如「議程助理(Agenda Copilot)」、「排程聊天室(Schedule Chat)」和「規劃看板(Planning Board)」等。當使用者選定其中一個方向後,AI 便會開始建構一個互動式的本地原型。

這個過程涉及將設計圖像與工作區元素轉譯為程式碼,從而建立所提議功能的一個實際運作版本。Codex 會自動生成所需的資產,包括會議準備面板中參與者的頭像,並確保整體設計與 ChatGPT 的視覺風格一致。最終產生的原型可透過本地網址直接存取,讓開發者能夠在瀏覽器內立即進行測試與互動。

此工具不只創造靜態圖像,更能建構出一個功能完備、具備互動性的原型。該原型包含同步的行事曆、議程列、焦點視窗、任務規劃以及右側的會議準備面板。驗證過程涵蓋了生產建置(production build)、瀏覽器內的互動煙霧測試(smoke tests),並根據選定的參考設計進行審查,以確保最終產生的原型不僅視覺精準,且功能穩健。