FigCC：用 Codex 操作 Figma

AI 可以寫介面，但常常看不到你的 Figma

把截圖丟給 AI，只能讓它猜畫面；把所有圖層手動轉成文字，又很容易失去選取狀態、元件關係與樣式資訊。真正要讓 AI 協助設計，需要一條能讀取 Figma 結構、理解目前選取內容，也能在明確權限下修改畫布的橋樑。

FigCC 把 Figma Plugin 接到你 Mac 上已經登入的 Codex CLI 或 Claude Code，不需要再把模型 API key 填進 Figma。

FigCC 能做什麼

• 理解目前選取內容：把文字、圖片、Frame 與混合選取整理成可控制的上下文。
• 直接檢查設計結構：讀取頁面、節點、樣式、Variables、Components 與選取狀態。
• 協助修改畫布：透過 Figma Plugin API 執行建立、調整與整理工作。
• Codex／Claude 雙 Provider：各自保留原生對話身分與歷史，不會把兩邊的 context 混在一起。
• 支援圖片與檔案：可貼上或上傳參考圖片，也能附加常見文件、資料檔與程式碼。
• 共用 Skills：同一份 Skill 可以連接 Codex 與 Claude Code，並從選定的專案資料夾同步。
• 本機權限控制：模型、推理強度、檔案權限與自動審查都可在 Plugin 介面中選擇。

安裝前需要知道

目前主要支援 macOS、Figma Desktop、Node.js 18 以上，以及近期版本的 Codex CLI 或 Claude Code。安裝時會在本機啟動只監聽 loopback 的 bridge，並使用隨機 pairing token 連接 Figma Plugin。

FigCC 前身為 FigCodex，是基於 Pavel Laptev 的 FigClaw 所發展的 MIT 衍生作品。公開版本保留原作者授權與 attribution，並改用本機 Codex App Server／Claude Agent SDK、不同的權限模型與雙 Provider 介面。

怎麼開始

將 repository clone 到 Mac，依 README 安裝依賴、建立本機 bridge 與 pairing token，再從 Figma Desktop 的 Development Plugin 功能匯入 public/manifest.json。連線完成後，就可以選取畫布內容並直接對 Codex 或 Claude Code 下指令。