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`.

「メディアとデザイン」の他のコンテンツ

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

transcribe.so

Transcribe YouTube videos, podcasts, meetings and media links into speaker-labelled, timestamped transcripts, then search who said what, ask questions answered with timestamped citations, pull chapters and paste-ready ti

Ultimaps

ultimaps.com

Turn your data into map images of countries, states, counties and ZIP codes with Ultimaps MCP server. Each map comes with a link to Ultimaps Studio, where you can keep editing it, export it, or publish an interactive ver

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

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.