What runtime does Figma MCP Server require?
Node.js 16 or higher.
Figma MCP Server
@MCP-Mirror
基本信息
关于 Figma MCP Server
Mirror of
Figma MCP Server 配置
Figma MCP Server 工具
7Get 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
常见问题
What transport types are supported?
The server supports `stdio` for local connections and `sse` for remote connections. The default transport is `stdio`.
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.
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 服务器
Designesy
LE-VAIDesign quality gate for AI-generated UI. Scores any live URL against a published contract of deterministic checks, with an A–F grade, a per-check breakdown and AI-slop pattern findings; validates DTCG token files and Lot
EmbedSocial
Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.
Vid Kraken
Vid KrakenYouTube download API and MCP server. Download YouTube videos as MP4 (360p–4K) or audio as MP3/AAC, cut clips by start and end time, and get video metadata. No yt-dlp, proxies or cookies to maintain; 99.99% of downloads s
Pixel Art Generator - Sprite Fusion
Hugo DuprezSprite Fusion lets your AI assistant make the pixel art for your game. Describe a character, item, or tile and get sprites at the exact size you need, ready to drop into your project. Match your existing art, turn charac
PromptWise
PromptWisePromptWise is an AI creative studio: 40+ image, video and audio models in one place. Connect the PromptWise MCP to generate images, videos and audio from your AI assistant.
评论