Figma 转 React 组件工具
将 Figma 设计转换为 React 组件的 MCP 服务器,支持 TypeScript 和 Tailwind CSS。
快速入门
前置条件
- 安装 Node.js 18 或更高版本
- 获取 Figma API Token
安装与运行
- 克隆仓库并安装依赖: npm install
- 构建项目: npm run build
- 设置环境变量
FIGMA_API_TOKEN
。 - 启动本地服务: FIGMA_API_TOKEN=your_token_here npm start
使用示例
- 运行完整工作流以生成 React 组件: 提供 Figma 文件键和输出目录即可完成组件提取与代码生成。