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.
媒体与设计 分类下的更多 MCP 服务器
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.
TravelAnimator
Lascade-CoMCP server and CLI for TravelAnimator — generate animated travel videos, itineraries, and trip media from Claude, Codex, or your terminal
Constants
Constants AIOne workspace of tools for Claude and ChatGPT. Connect apps, generate video, music, and ads, and build new tools on demand. Generate and publish ad creative directly from your assistant.
AI Manga & Anime Generator - Mangii MCP
AAAIStudioPublic Mangii MCP metadata (ai.mangii/manga). Remote Streamable HTTP at mcp.mangii.ai.
Designesy
LE-VAIDesign quality gate for AI-generated UI. Scores any live URL against a published contract of deterministic checks, with an A–F grade, a per-check breakdown and AI-slop pattern findings; validates DTCG token files and Lot
评论