AI导哈

FigmaMind设计解析服务

FigmaMind是一款通过Figma官方API提取设计组件和模式的应用，实现了模型调用协议(MCP)。它能够分析Figma设计并将其转换为标准化的JSON表示，识别按钮、输入框、页眉等组件，并提取它们的属性和关系。该应用提供REST API和MCP两种接口，适用于设计系统分析、自动化设计流程和与LLM集成等场景。

  • by joao-loker
  • 更新于
在 GitHub 查看 joao-loker/figmamind

使用说明

基本能力

产品定位

FigmaMind是一个设计解析工具，专门用于从Figma设计中提取组件和模式，并将其转换为标准化的JSON格式。

核心功能

  • 通过Figma官方API提取设计组件
  • 自动识别组件类型（按钮、输入框、页眉等）
  • 标准化定位和属性
  • 提取资源（图片和图标）
  • 实现模型调用协议(MCP)
  • 完全使用TypeScript编写

适用场景

  • 设计系统分析和文档化
  • 自动化设计流程
  • 与大型语言模型(LLM)集成
  • 设计资产管理和转换

工具列表

  1. figmamind.transform: 转换Figma设计为标准化JSON表示
  2. tools.list: 列出所有可用工具

使用教程

使用依赖

  • Node.js 18.0.0或更高版本
  • Figma API令牌

安装教程

  1. 克隆仓库:
git clone https://github.com/seu-usuario/figmamind.git
cd figmamind
  1. 安装依赖:
npm install
  1. 创建.env文件:
FIGMA_TOKEN=seu_token_aqui
PORT=3000
  1. 编译项目:
npm run build

调试方式

启动服务器:

npm start

开发模式(热重载):

npm run dev

测试命令:

# 转换测试
npm run test:transform

# MCP端点测试
npm run test:mcp

# REST API测试
npm run test:api

# 主测试
npm test

相关 MCP