GitHub專案收錄品牌設計文件 助AI代理生成美觀網頁

AI 程式設計代理需要一套可讓模型讀寫檔案、呼叫工具並執行開發工作的環境，但現有方案往往綁定特定模型或平台。Vercel 以 Zig 語言打造 fx，主打輕量、可攜與模型中立，降低代理功能整合進命令列、編輯器及網頁應用的門檻。

Vercel 近日宣布將 fx 開源，開發者可直接把它當作命令列工具使用，也能嵌入既有開發工具，或透過 WebAssembly 在瀏覽器中執行。fx 同時相容 Model Context Protocol（MCP），並支援子代理擴充，讓團隊可依任務組合工具與多代理工作流程。

Anthropic 旗下 Claude Code 原是讓開發者在終端機中讀取、修改與測試程式碼的代理工具；把 Claude Design 接入同一流程，重點在縮短介面構想、視覺調整到正式實作之間的交接。設計稿可沿用既有元件與品牌規範，降低從畫板手動匯出、再由工程師重寫所造成的時間與落差。

Anthropic 於2026年6月17日推出更新，新增 /design 指令，讓使用者不離開 Claude Code 即可建立、編輯及同步設計專案，產生多組可調整畫板，並把既有程式轉成即時原型；選定方案後可直接交由 Claude Code 延續撰碼。Claude Design 上線首週使用人數逾100萬，目前隨 Pro、Max、Team 與 Enterprise 訂閱提供。

Figma過去的MCP server主要把設計脈絡帶進開發工具，AI多半只能讀取檔案，或將程式介面轉成可編輯圖層；如今進一步開放寫入畫布，讓代理沿用元件、變數與Auto Layout。此舉可減少設計與開發反覆交接，也讓設計師更聚焦審核、品牌一致性及系統治理。

Figma於2026年3月24日宣布use_figma進入Open Beta，透過Plugin API讓代理直接建立、修改Figma檔案與元件，並支援Claude Code、Codex、Cursor等9款MCP客戶端。測試期間免費，未來將按用量收費；官方也將補上圖片與自訂字型功能，逐步追平Plugin API能力。