MCP.so
ログイン

Figma MCP Server

@mohammeduvaiz

リポジトリ

Figma MCP Server について

概要はまだありません

基本情報

カテゴリ

メディアとデザイン

ランタイム

node

トランスポート

stdio

公開者

mohammeduvaiz

設定

標準の設定はありません

このサーバーの README には解析可能な MCP 設定ブロックが含まれていません。インストール手順はリポジトリをご確認ください。

リポジトリ

ツール

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

FAQ from Figma MCP Server

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.

コメント

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

yt-dlp-mcp

kevinwatt

A Model Context Protocol (MCP) server that bridges Video & Audio content with Large Language Models using yt-dlp.

257

NS Travel Information MCP Server

r-huijts

A Model Context Protocol (MCP) server that provides access to NS (Dutch Railways) travel information through Claude AI. This server enables Claude to fetch real-time train travel information and disruptions using the official Dutch NS API.

56

YouTube Transcript MCP Server

jkawamoto

MCP server retrieving transcripts of YouTube videos

418

MiniMax MCP JS

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) JavaScript implementation that provides seamless integration with MiniMax's powerful AI capabilities including image generation, video generation, text-to-speech, and voice cloning APIs.

123

MiniMax MCP

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.

1.5K