广告合作
MCP.so
登录

Figma MCP Server

@MCP-Mirror

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

MCP-Mirror

关于 Figma MCP Server

Mirror of

#figma#mcp-server#design-integration

Figma MCP Server 配置

暂无标准配置

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

代码仓库

Figma MCP Server 工具

7

Get basic information about a Figma file

Get specific nodes from a Figma file

Get component information from a Figma file

Get style information from a Figma file

Get comments from a Figma file

Search for elements in a Figma file by type, name, etc.

Extract all text elements from a Figma file

概览

What is Figma MCP Server?

A Model Context Protocol (MCP) server that connects to Figma’s API, enabling AI tools and LLMs to access and work with your Figma designs. It is designed for designers and developers who want to integrate design data with AI assistants.

How to use Figma MCP Server?

Ensure Node.js 16+ and a Figma Personal Access Token. Clone the repository, install dependencies, create a .env file with FIGMA_API_TOKEN, API_KEY, and TRANSPORT_TYPE (default stdio). Build the server with npm run build and start with npm start. Then configure an MCP client such as Claude for Desktop or Cursor using the provided JSON configuration snippets.

Key features of Figma MCP Server

  • Extract components, styles, and text from Figma designs
  • Analyze design system consistency and patterns
  • Extract and organize all UI copy from designs
  • Generate comprehensive development handoff documentation
  • Seamless integration with AI tools like Claude and Cursor

Use cases of Figma MCP Server

  • Analyze a design system for consistency in colors and typography
  • Extract all UI text copy from a Figma file for content management
  • Generate development handoff documentation for developers
  • Get file information, components, styles, or comments from a Figma file
  • Search for specific elements within a Figma file by type or name

常见问题

1

What runtime does Figma MCP Server require?

Node.js 16 or higher.

2

What transport types are supported?

The server supports `stdio` for local connections and `sse` for remote connections. The default transport is `stdio`.

3

How do I obtain a Figma Personal Access Token?

You can generate a Personal Access Token in your Figma account settings under the “Personal Access Tokens” section.

4

What environment variables are required?

`FIGMA_API_TOKEN` and `API_KEY` are required. `TRANSPORT_TYPE` defaults to `stdio`, and `PORT` (used for SSE transport) defaults to 3000

评论

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

Instagram + TikTok Downloader & Transcriber

IYIA

Instagram + TikTok content tools inside your AI: download HD posts/reels/carousels, view Instagram stories anonymously, AI-transcribe videos (100+ languages, SRT/VTT/TXT). Requires a Repost PRO subscription.

North Noir

North Noir

Make AI-drawn video from chat. Claude, Cursor or Claude Code plans the film, the model draws every frame in code at 30 fps, and you edit it on a timeline with narration, music and sound effects.

EmbedSocial

Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.

PostNitro

PostNitro Inc.

The PostNitro MCP server lets AI assistants and agents — Claude (Desktop, Code, and Cowork), Cursor, ChatGPT, and any other Model Context Protocol client — create carousels, image posts, and videos, manage brand kits, a

diggercamp

Tommaso Savorana (ti es)

diggercamp finds independent music by how it sounds. Paste any Bandcamp, YouTube or SoundCloud link and get the closest sonic matches from 4M+ independent tracks — matched by rhythm, timbre, key and energy, not genre tag

广告合作