OpenAI Codex 與 Figma 推出無縫程式碼到設計體驗

🔑 增強重點摘要

• •整合利用 Figma 的 Model Context Protocol (MCP) 伺服器，讓 Codex 工具直接存取設計檔案的即時上下文資料，以生成對應程式碼。[1]
• •Codex 應用程式可從 Figma 擷取設計上下文、資產與螢幕截圖，並轉換為具 1:1 視覺一致性的生產就緒 UI 程式碼。[3]
• •設定過程需手動配置檔案、命令列驗證及 Figma 個人存取權杖，且 Figma Dev 或 Full 付費方案才支援 MCP 工具呼叫。[1]

🛠️ 技術深入

• •Figma MCP 伺服器允許 Codex 開發工具存取設計資料，AI 透過 'design context' 工具呼叫擷取 Figma 資訊，並結合螢幕截圖進行程式碼生成與多次修訂。[1][2]
• •Codex 支援 VS Code、Cursor 等 IDE 擴充功能，以及終端機介面，透過自然語言提示自動偵測並呼叫技能如 $skill-name。[2][6]
• •Codex 應用內建工作樹 (worktrees) 支援，讓多代理同時處理相同儲存庫而不衝突，每代理使用程式碼隔離副本。[3]

🔮 前景展望AI analysis grounded in cited sources

⏳ 時間線