Figma 转 React 组件工具

Figma 转 React 组件工具

将 Figma 设计转换为 React 组件的 MCP 服务器,支持 TypeScript 和 Tailwind CSS。

快速入门

前置条件

  • 安装 Node.js 18 或更高版本
  • 获取 Figma API Token

安装与运行

  1. 克隆仓库并安装依赖: npm install
  2. 构建项目: npm run build
  3. 设置环境变量 FIGMA_API_TOKEN
  4. 启动本地服务: FIGMA_API_TOKEN=your_token_here npm start

使用示例

  • 运行完整工作流以生成 React 组件: 提供 Figma 文件键和输出目录即可完成组件提取与代码生成。