Figma MCP 服务器

Figma MCP 服务器快速入门

安装

npm install @modelcontextprotocol/sdk
npm install

配置

设置Figma访问令牌：

export FIGMA_ACCESS_TOKEN=your_access_token

可选配置服务器端口：

export MCP_SERVER_PORT=3000

启动服务器

npm run start

使用方式

支持stdio传输：

figma-mcp-server < input.jsonl > output.jsonl

支持SSE传输：

figma-mcp-server --transport sse --port 3000

资源URI格式

• 文件：figma:///file/{file_key}
• 组件：figma:///component/{file_key}/{component_id}
• 变量：figma:///variable/{file_key}/{variable_id}
• 样式：figma:///style/{file_key}/{style_id}
• 团队：figma:///team/{team_id}
• 项目：figma:///project/{project_id}

支持的操作

• resources/list：列出可用的Figma资源
• resources/read：读取Figma资源内容
• resources/watch：监视资源变化
• resources/search：搜索Figma资源
• resources/metadata：获取资源元数据