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.
Framelink Figma MCP Server
@injunko
Basic information
About Framelink Figma MCP Server
No overview available yet
Framelink Figma MCP Server config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}Framelink Figma MCP Server tools
Tool list not available yet
This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.
Fetch the live tool list by running this server in a temporary sandbox using the button above.
Overview
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.
Frequently asked questions
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.
More Media & Design MCP servers
EmbedSocial
Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.
P
Photo Mosaic & AI Collage Maker - Collager.ai
Collager.aiPhoto mosaic maker and AI photo collage maker: turn your own photos into a photo mosaic - one picture made of hundreds of your photos - or into a heart, number or word photo collage in seconds. No sign-in or API key need
Layers Marketing MCP
layersGive your agent marketing superpowers. Layers MCP is the endpoint your coding agent calls to run growth for your product: it finds what to post, renders the video or slideshow, delivers it to TikTok, reads the result, an
QR Planet QR Code MCP Server
qrplanetQR Planet QR Code MCP Server - Hosted MCP server for QR Planet. Connect AI agents and MCP-compatible clients to create, update, design, route, and analyze dynamic QR Codes using your QR Planet API key.
1
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
Comments