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 服务器
uxgen
uxgenA library of conversion components for e-commerce, built on A/B tested mechanics and handed straight to your coding agent. 65 pieces drawn from mechanics that have been A/B tested in real stores: cart drawer with the ups
Caimera
CaimeraBuild and run AI product photography workflows from your AI assistant: on-model shots, catalog images, prints and edits, with results returned in chat.
Uwear.ai
Uwear.aiRun complete AI fashion photoshoots from ChatGPT, Claude, or Codex. Turn flat-lay, packshot, and mannequin product images into catalog-ready on-model photos and video with saved art direction, automatic QA, and catalog-s
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.
A
AdvisorIQ
Continuing education rules for US financial advisors (CFP, CFA, IWI, IAR by state, FINRA, American College) with official sources and verified dates, plus firm-level data, national and state rankings and market stats on
评论