广告合作
MCP.so
登录

Figma MCP Server

@MCP-Mirror

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

MCP-Mirror

关于 Figma MCP Server

Mirror of

#figma#mcp#server#typescript#api

Figma MCP Server 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

Figma MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Figma MCP Server?

A TypeScript server implementing the Model Context Protocol (MCP) for the Figma API, enabling standardized context provision for LLMs. It allows LLM applications to seamlessly integrate with Figma files, components, and variables.

How to use Figma MCP Server?

Install via npm and set the FIGMA_ACCESS_TOKEN environment variable. Start the server with npm run start. It supports both stdio and SSE transports (e.g., figma-mcp-server --transport sse --port 3000). Use an MCP client to connect and call MCP methods like resources/list or resources/read using the custom URI scheme figma:///.

Key features of Figma MCP Server

  • MCP resource handlers for Figma files, variables, and components
  • Custom URI scheme (figma:///)
  • Type-safe implementation using TypeScript and Zod schemas
  • Request validation and comprehensive error handling
  • Token validation and Figma API integration
  • Supports both stdio and SSE transports

Use cases of Figma MCP Server

  • Browse and read Figma files programmatically via LLM clients
  • List and retrieve components, variables, and styles from Figma projects
  • Watch for changes on specific Figma resources
  • Search across Figma resources with pattern matching
  • Integrate Figma design data into AI-assisted workflows

常见问题

1

How do I configure the Figma MCP Server?

Set the `FIGMA_ACCESS_TOKEN` environment variable with your Figma access token. Optionally set `MCP_SERVER_PORT` (default 3000 for SSE).

2

What transports does the Figma MCP Server support?

It supports both stdio transport (piped JSON-RPC messages) and SSE transport (over HTTP).

3

What Figma resources can I access via the server?

Resources are accessed via `figma:///` URIs: files (`figma:///file/{key}`), components, variables, styles, teams, and projects.

4

What MCP operations are implemented?

The server implements `resources/list`, `resources/read`, `resources/watch`, `resources/search`, and `resources/metadata`.

5

Are there any known limitations or planned improvements?

The roadmap notes that caching, rate limiting, and additional Figma API endpoints are not yet implemented; these are planned for future releases.

评论

媒体与设计 分类下的更多 MCP 服务器

Notch

Notch

Create finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,

CoDesign

IMG.LY

Give your AI agent a real design engine. Create, edit and export real, editable designs from Claude Code, Codex, Cursor and more.

Treza

Treza Labs

Lets Claude, ChatGPT and other MCP clients build and run AI video pipelines on Treza, from script and generated shots to narration, captions and posting to YouTube or TikTok.

Organize with AI (OwAI)

Alexander Visheratin

Search and manage photo and video libraries through AI assistants. Find images and video moments, review duplicates, and organize collections, groups, favorites and people across local folders, Apple Photos and OneDrive.

Selfstorming

Selfstorm

Curated marketing libraries and an ideation engine for your AI. Connect Selfstorming to Claude, ChatGPT, Codex, Claude Code or Cursor and your assistant works from your project context plus: - 1,800+ award-winning campa

广告合作