A
securityF
licenseA
qualityEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Last updated -
2
69
132
TypeScript
Figma の API に接続し、AI ツールと LLM が Figma デザインにアクセスして操作できるようにするモデル コンテキスト プロトコル (MCP) サーバー。
.env
ファイルを作成します。~/Library/Application Support/Claude/claude_desktop_config.json
%APPDATA%\Claude\claude_desktop_config.json
カーソルの MCP 構成ファイルを作成または編集します。
~/Library/Application Support/Cursor/mcp.json
%APPDATA%\Cursor\mcp.json
.cursor
ディレクトリを作成します。mcp.json
ファイルを作成します。道具 | 説明 |
---|---|
get-file-info | Figmaファイルの基本情報を取得する |
get-nodes | Figmaファイルから特定のノードを取得する |
get-components | Figmaファイルからコンポーネント情報を取得する |
get-styles | Figmaファイルからスタイル情報を取得する |
get-comments | Figmaファイルからコメントを取得する |
search-file | タイプ、名前などによって Figma ファイル内の要素を検索します。 |
extract-text | Figmaファイルからすべてのテキスト要素を抽出する |
analyze-design-system
- デザインシステムのコンポーネントとスタイルの一貫性を分析するextract-ui-copy
- デザインからすべてのUIコピーを抽出して整理しますgenerate-dev-handoff
- 設計に基づいて開発ハンドオフドキュメントを生成するClaude で使用する場合:
カーソルと併用する場合:
変数 | 説明 | デフォルト |
---|---|---|
FIGMA_API_TOKEN | Figma個人アクセストークン | (必須) |
API_KEY | API認証用のセキュリティキー | (必須) |
TRANSPORT_TYPE | トランスポート方法( stdio またはsse ) | stdio |
PORT | SSEトランスポート用のポート | 3000 |
この MCP サーバー:
貢献を歓迎します!お気軽にプルリクエストを送信してください。
This server cannot be installed
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
AI ツールと LLM を Figma デザインに接続し、デザイン データを抽出し、デザイン システムを分析し、開発ドキュメントを生成できるようにするモデル コンテキスト プロトコル サーバー。
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/mohammeduvaiz/figma-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server