What are the system requirements?
Node.js 18.x or higher and a Figma access token with read permissions.
Figma MCP Server
@ishivam06
基本情報
Figma MCP Server について
概要はまだありません
Figma MCP Server の設定
Figma MCP Server のツール
8Retrieve Figma file details
List files in a Figma project
Create variables in a Figma file
Update existing variables in a Figma file
Delete variables from a Figma file
Create a reference between variables
Check for circular references and validate dependencies
Create a theme with variable mode configurations
概要
What is Figma MCP Server?
A Model Context Protocol (MCP) server providing read‑only integration with the Figma API. It allows Claude Desktop and other MCP‑compatible clients to directly access Figma design data, enabling accurate one‑step design generation without relying on screenshots. Designed for developers and designers who want AI assistants to work with live Figma files.
How to use Figma MCP Server?
Install Node.js 18+ and obtain a Figma access token with read permissions. Copy .env.example to .env and set FIGMA_ACCESS_TOKEN, optionally configure MCP_SERVER_PORT (default 3000) and DEBUG flags. For Claude Desktop, add the server to your Claude configuration file (examples/claude_desktop_config.json). The server exposes tools such as get-file, list-files, create-variables, update-variables, delete-variables, create-reference, validate-references, and create-theme.
Key features of Figma MCP Server
- Secure authentication with the Figma API
- Read and list Figma file details
- Manage design variables (create, update, delete)
- Create and validate variable references
- Create themes with variable mode configurations
Use cases of Figma MCP Server
- Generate UI components directly from Figma design tokens
- Automate variable and theme synchronization between Figma and code
- Validate variable references to prevent circular dependencies
- Enable AI assistants to fetch real‑time Figma data for design generation
よくある質問
How is authentication handled?
The server authenticates securely with the Figma API using the access token provided in the environment variable `FIGMA_ACCESS_TOKEN`.
What operations can I perform with the server?
You can retrieve file details, list files in a project, create/update/delete variables, create variable references, validate references for circular dependencies, and create themes with mode configurations.
「メディアとデザイン」の他のコンテンツ
CampaignStack
Run LinkedIn and email outreach from Claude, safely. Made for lead gen agencies, founders and medium-large companies. Every account gets enforced daily limits, its own proxy, and a review queue before anything sends.
Riddle Quiz Maker
Riddle.comCreates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.
Organize with AI (OwAI)
Alexander VisheratinSearch and manage photo and video libraries through AI assistants. Find images and video moments, review duplicates, and organize collections, groups, favorites and people across local folders, Apple Photos and OneDrive.
TravelAnimator
Lascade-CoMCP server and CLI for TravelAnimator — generate animated travel videos, itineraries, and trip media from Claude, Codex, or your terminal
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
コメント