用途：将 React 组件代码同步为 Figma 设计，适用于把已有组件生成 Figma 画板、从代码创建设计系统等场景。
主要能力：提供 scan 命令解析组件并生成逐文件 .figma.json，支持 --watch 保存时重扫、-t 指定 Tailwind 配置路径、--validate 校验生成的 JSON，可用 init 创建 .code-to-figma.json 配置。plugin-output 把 .figma.json 打包为 plugin-data.json，供 Figma 插件导入并构建选中组件。read --file-key 通过 Figma REST API 只读读取组件。
使用方式：安装权威版本： npx skills add kylebrodeur/code-to-figma 典型流程为 scan src/components/Button.tsx 生成 .figma/Button.figma.json，再执行 code-to-figma plugin-output -i .figma -o plugin-data.json，然后在 Figma Desktop 中通过 Plugins → Development → Import plugin from manifest… 选择仓库中的 packages/plugin/manifest.json，在插件 UI 中 Load file 加载 plugin-data.json，勾选组件后 Build selected，画板出现在名为 code-to-figma 的页面。插件以源码形式随仓库提供，不在 Figma Community 市场。可用配置项包括 figmaFileKey、figmaAccessToken、componentGlob、tokenMapping、outputDir、framework、styling 及 parserOptions。可与 ux-collab 集成，在 .ux-collab.md 中设置 codeToFigma 的 enabled、cliCommand、onBuild。可选配置 Figma MCP（需 Figma Pro）以在设计系统读取阶段使用。
限制：插件 API 在浏览器版 Figma 不可用，需使用 Figma Desktop；Figma MCP 需要 Figma Pro；其余支持范围与故障排除请以仓库上游文档为准。