Token导航 LogoToken导航TokenDH.com
figmamind (Joao Loker) logo
设计创作未说明官方来源来源级核验

figmamind (Joao Loker)

MCP Server

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

工具数

公开资料未说明

GitHub Stars

0
设计系统设计图像生成

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

joao-loker

提供方

joao-loker

最后核验

2026/5/17 20:21

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

详细介绍

基本能力

产品定位

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

目录标签

目录标签

设计系统设计图像生成设计解析自动化设计

接入字段

传输方式(transport,传输协议)

未说明

鉴权方式(authType,认证方式)

none

权限和风险

未说明none部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

仍需确认:installCommand

来源信息

继续浏览同类 MCP