用途：将 Figma 设计解析为干净、语义化的 HTML/CSS，供 AI 辅助开发使用，让大语言模型准确理解设计意图并完成像素级实现。
主要能力：提供 Figma 插件、带实时预览与视觉调试叠加层的本地服务器，以及独立转换管线（packages/bridge-pipeline）。核心函数 convertFigmaNode(node, options) 支持 enableFontMatching、preserveLayout、outputDir、includeDebugOverlay、customFonts 等选项，返回 html、css、assets 和 metadata。生成文件输出到 output/（index.html、styles.css、assets/）。支持自动匹配 Google Fonts，可处理实色与线性渐变填充、自动布局（Flexbox）、圆角等样式，支持批量转换组件与自定义预览模板。
使用方式：
git clone https://github.com/kingkongshot/Figma-Bridge.git cd Figma-Bridge npm install npm run dev
服务器默认运行在 http://localhost:7788，可用 PORT=8080 npm run dev 自定义端口。Figma 插件安装：在画布空白处右键，选择 Plugins → Development → Import plugin from manifest，选取项目根目录的 manifest.json，再通过 Plugins → Development → Bridge 打开插件，点击组件即可在浏览器预览。调试：BRIDGE_DEBUG=1 npm run dev，调试文件保存到 debug/ 目录。
适用场景：AI 辅助的前端开发工作流，将 Figma 设计转为 React 等组件；批量处理多个 Figma 组件；为 LLM 提供完整设计上下文以生成生产代码。
限制：资料未提供收费、价格、平台兼容性与实际转换效果的说明；大文件可能需设置 maxDepth、skipHiddenLayers 等参数或增加 Node.js 内存限制（NODE_OPTIONS="--max-old-space-size=4096"）。