Figma 转 Vue MCP 服务

Figma 转 Vue MCP 服务

将 Figma 设计转换为遵循 Hostinger 设计系统的 Vue 组件的 MCP 服务。

GitHub
Created ByTomas-JankauskasTomas-Jankauskas

快速入门

  1. 克隆仓库： git clone https://github.com/Tomas-Jankauskas/figma-to-vue-mcp.git cd figma-to-vue-mcp
  2. 安装依赖： npm install
  3. 创建 .env 文件并添加 Figma 访问令牌： FIGMA_ACCESS_TOKEN=your_figma_access_token
  4. 启动服务： npm run dev # 开发模式 npm start # 生产模式
  5. 发送 POST 请求生成组件： curl -X POST http://localhost:3000/generate-component
    -H "Content-Type: application/json"
    -d '{"figmaUrl": "Figma设计链接", "componentName": "组件名称"}'