Framelink Figma MCP Server
@injunko
关于 Framelink Figma MCP Server
暂无概览
基本信息
配置
使用下面的配置,将此服务器添加到你的 MCP 客户端。
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}工具
未检测到工具
工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。
概览
What is Framelink Figma MCP Server?
Framelink Figma MCP Server is a Model Context Protocol (MCP) server that gives AI-powered coding tools (like Cursor, Windsurf, and Cline) access to Figma file data. It fetches relevant metadata from the Figma API and simplifies it so coding agents can accurately implement designs in any framework in one shot.
How to use Framelink Figma MCP Server?
Install the server via an MCP configuration file using the command npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio. You must first create a Figma personal access token. Then paste a Figma file, frame, or group link into your AI coding tool’s chat and ask it to perform actions like implementing the design.
Key features of Framelink Figma MCP Server
- Gives coding agents direct access to Figma design data.
- Simplifies Figma API responses for improved AI accuracy.
- Reduces context size for more relevant model responses.
- Works with Cursor, Windsurf, Cline, and other MCP-compatible tools.
- Supports links to Figma files, frames, or groups.
Use cases of Framelink Figma MCP Server
- One-shot implementation of a Figma design into code using an AI coding assistant.
- Fetching layout and styling metadata from Figma for generative UI coding.
- Rapid prototyping by connecting design files directly to development workflows.
FAQ from Framelink Figma MCP Server
What do I need to use this server?
You need a Figma personal access token. Instructions for creating one are available in the Figma help center.
How is this server installed?
It runs via npx, so no manual download is needed. Add the MCP configuration (shown in the README) to your code editor’s MCP settings file.
Is this server only for Cursor?
It is specifically designed for Cursor but also works with Windsurf, Cline, and other AI coding tools that support the Model Context Protocol.
What happens when I paste a Figma link?
The server fetches the relevant metadata from the Figma API, simplifies it to remove unnecessary details, and provides the condensed design information to the AI model for code generation.
Are there any runtime requirements?
The server runs via npx, which requires Node.js. It communicates over stdio using the MCP protocol.
媒体与设计 分类下的更多 MCP 服务器
MCP Google Map Server
cablateA powerful Model Context Protocol (MCP) server providing comprehensive Google Maps API integration with LLM processing capabilities.
YouTube MCP Server
ZubeidHendricksMCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics
Spotify MCP Server
marcelmaraisLightweight MCP server for Spotify
Figma MCP Server
TimHoldenModel Context Protocol server implementation for Figma API
KiCAD MCP: AI-Assisted PCB Design
mixelpixxKiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.
评论