Figma 設計轉程式

讀取 Figma 節點的設計資訊，依現有專案框架、元件與設計 token 實作介面。

安裝這個 skill 原始 SKILL.md ↗

來源: OpenAI Plugins
授權: 未標示
上游路徑: plugins/figma/skills/figma-design-to-code
同步: 0722921

開始之前

適合的任務: 把指定 Figma 畫面轉成符合現有網站規範的程式碼。
使用前確認: 已連線的 Figma 整合 / MCP get_design_context；含 node-id 的 Figma URL；目標程式庫。回傳的 React + Tailwind 僅供參考；素材 URL 約 7 天失效，需先保存。

起手提示：裝好後貼給你的 agent，替換「」或 <> 裡的內容

用 figma-design-to-code 依 <Figma 節點網址> 實作這個畫面，沿用專案現有的元件與設計 token。

依原始 SKILL.md 整理，本站尚未進行任務實測。

安裝這個 skill

來源文件宣告支援此平台；本站尚未進行安裝與任務實測。

在 Codex 的 Plugins 搜尋「figma」，選擇對應來源的 plugin 並完成連線設定。此 skill 依賴整包 plugin 的工具與服務。

在 Codex 開啟 Plugins

/plugins

實心圓點表示來源文件宣告支援該平台。安裝會取得來源的當前版本，可能與本站收錄版本不同；請先閱讀原始文件，確認執行權限與依賴需求。

收錄依據與使用條件

尚未進行任務實測

來源與依據: OpenAI Plugins 維護的技能目錄，依原始文件整理用途。查看本次收錄版本
來源文件宣告的平台: Codex來源說明

資料觀察：2026-11-02 · 中文介紹整理：2026-10-01 · 整個來源專案有 7,708 顆 GitHub stars（非此 skill 的評分或使用人數） · 中文介紹依據的原始版本

同族元素 · 跨平台開發與設計

此 Skill 僅提供介紹與來源連結

尚未確認全文轉載條件，或來源授權有限制。請至原始 SKILL.md 閱讀完整使用說明。

來源與授權資訊

Source: https://github.com/openai/plugins/tree/0722921d5542fc593105c27bd52630babd8b8c2a/plugins/figma/skills/figma-design-to-code
Commit: 0722921d5542fc593105c27bd52630babd8b8c2a
Declared license: not declared
Mirror decision: unrecognized-license-file

--- plugins/figma/LICENSE.txt ---
Use of these Figma skills and related files ("Materials") is governed by the Figma Developer Terms (available at https://www.figma.com/legal/developer-terms/). By accessing, downloading, or using these Materials — including through automated systems or AI agents — you agree to the Figma Developer Terms.
These Materials are currently offered as a Beta feature. Figma may modify, suspend, or discontinue them at any time without notice.