Figma MCP Server

@mohammeduvaiz

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

mohammeduvaiz

关于 Figma MCP Server

暂无概览

Figma MCP Server 配置

暂无标准配置

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

代码仓库

Figma MCP Server 工具

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 Figma designs.

How to use Figma MCP Server?

Install Node.js 16+, clone the repository, install dependencies, set environment variables (FIGMA_API_TOKEN, API_KEY, TRANSPORT_TYPE), build and start the server. Then configure an MCP client like Claude for Desktop or Cursor with the appropriate connection settings (e.g., stdio or SSE URL and environment variables).

Key features of Figma MCP Server

Design data extraction (components, styles, text)
Design system consistency analysis
UI copy extraction and organization
Development handoff documentation generation
Seamless integration with AI tools (e.g., Claude, Cursor)

Use cases of Figma MCP Server

Analyze design system consistency in a Figma file
Extract all text (UI copy) from a Figma design
Generate development handoff docs from designs
Search for specific elements in a Figma file by type or name
Retrieve comments, components, styles, or node information

常见问题

What are the prerequisites for using Figma MCP Server?

Node.js 16 or higher is required. You also need a Figma Personal Access Token from your Figma account settings.

What transport types does Figma MCP Server support?

It supports both stdio transport (for local connections) and SSE transport (for remote connections). The default is `stdio`.

How do I authenticate with the Figma API?

You provide your Figma Personal Access Token via the `FIGMA_API_TOKEN` environment variable. Additionally, an `API_KEY` environment variable is required for API authentication.

What tools does Figma MCP Server provide?

Tools include `get-file-info`, `get-nodes`, `get-components`, `get-styles`, `get-comments`, `search-file`, and `extract-text`.

Can I use Figma MCP Server with Cursor?

Yes. Configure it in Cursor’s MCP settings (global `mcp.json` or project-specific `.cursor/mcp.json`) with the SSE URL and your `API_KEY`.

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

TokElements

Build TikTok LIVE overlay widgets from Claude or ChatGPT. Describe a widget and the assistant writes it, previews it with sample events and places it on your TikTok LIVE Studio or OBS overlay.

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,

Lamina — On-brand product photos, video & try-ons

Lamina

Generate on brand product videos from Claude Code (or any assistant) in one line. Lamina turns a brief + your brand kit into finished product photos, video reels, and campaign banners - no prompt engineering; brand guard

EveryGen AI MCP Server

EveryGen AI

EveryGen AI MCP Server lets AI assistants create videos, images, voiceovers, music and complete multi-shot films. Connect your EveryGen AI account, describe what you want, review the credit quote and approve the creation

Artlist

Generate images, videos, music, and voice-overs directly from your AI agent. The full Artlist AI creative suite as an MCP server — works with Claude, ChatGPT, and VS Code, with more platforms coming soon.