用途：在设计与代码之间建立自动化桥梁，让开发者直接基于 Figma 构建，减少手工搬运。主要能力包括：从 Figma 提取设计令牌（颜色、字体、间距）并导出为 CSS 变量和 JSON；批量导出图标 SVG 并生成带类型的 React 图标组件；提取组件结构与变体信息；生成基础 React 组件代码；通过 GitHub Actions 定时同步设计令牌并创建 Pull Request。
使用方式：先配置 FIGMA_ACCESS_TOKEN 环境变量（在 Figma 设置中生成个人访问令牌），安装依赖 npm install node-fetch，通过 FigmaClient 调用 getFile、extractDesignTokens、exportTokensAsCSS、exportTokensAsJSON、exportImages、getFileComponents 等方法。示例脚本以 tsx scripts/xxx.ts 方式运行，package.json 提供 sync:design-tokens、export:icons、generate:icons、figma:sync-all 等脚本，并可用 GitHub Actions 定时任务自动同步。
适用场景：已有 Figma 设计系统、希望令牌与组件保持同步的前端项目，尤其是 React 项目。限制：需要 Figma 访问令牌和文件 Key；生成代码依赖设计文件命名规范；Figma Variables、API 速率限制等需自行处理缓存；资料未提供收费、价格与平台细节。