Last updated
March 16, 2026
MCP profile
Github GLips Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Content & MediaPackageJavaScript/TypeScriptOpen SourceExternal
Visibility
Public
ByRegistry
About This MCP Server
Framelink MCP for Figma Give your coding agent access to your Figma data.Implement designs in any framework in one-shot.
Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.
When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots.
See quickstart instructions →1. Open your IDE's chat (e.g. agent mode in Cursor). 2. Paste a link to a Figma file, frame, or group. 3. Ask Cursor to do something with the Figma file—e.g. implement the design. 4. Cursor will fetch the relevant metadata from Figma and use it to write your code.
This MCP server is specifically designed for use with Cursor. Before responding with context from the Figma API, it simplifies and translates the response so only the most relevant layout and styling information is provided to the model.
Reducing the amount of context provided to the model helps make the AI more accurate and the responses more relevant.
Tools & Endpoints
Example Workflow
Watch a demo of building a UI in Cursor with Figma design data
Specifications
Status
live
Industry
Content & Media
Category
General
Server type
Package
Language
JavaScript/TypeScript
License
Open Source
Verified
Yes
Requirements
- Many code editors and other AI clients use a configuration file to manage MCP servers.
- The figma-developer-mcp server can be configured by adding the following to your configuration file.
- > NOTE: You will need to create a Figma access token to use this server. Instructions on how to create a Figma API access token can be found here.
Hosting
Hosting Options
- Package
API
Integrate this server into your application. Choose a connection method below.
1
Configure
Configuration
json
{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}Performance
Usage
Quick Reference
- Name
- Github GLips Figma Context MCP
- Function
- Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
- Transport
- Package
- Language
- JavaScript/TypeScript
- Source
- External (Registry)
- License
- Open Source
Get started
Ready to integrate this MCP server?
Book a demo to see how this server fits your workflow, or explore the full catalog.