GLips/Figma-Context-MCP

MCP server to provide Figma layout information to AI coding agents like Cursor

TypeScriptMIT Last commit 1 day ago www.framelink.ai

Open on GitHub

Last 24 hours: +4; stars
Last 7 days: +44; stars
Last 30 days: +165; stars
Total stars: 15,999; 15.8k a month ago
Forks: 1,267; 30 contributors

Star history

Last 12 weeks · weekly cumulative stars · computed from public GitHub star events

Momentum: #234 in MCP this week · +44 stars this week

Rank in its topics

Position among repos ranked in each topic (min. 20 stars gained)

Rank of GLips/Figma-Context-MCP in each topic for today, this week and this month
Topic	Today	This week	This month
MCP	–	#234of 244	#316of 347
Coding agents	–	#404of 410	#497of 532
TypeScript	–	#533of 576	#680of 848

Health signals

Low activityChecked Oct 14, 2026

Commit activity: Commits in 0 of the last 13 weeks 0 commits on the default branch in 90 days
Maintainers: No commits by people in 90 days
Issue responsiveness: Too few issues to tell 1 issue opened by others in 90 days
Pull requests: 0 merged, 3 closed, 6 open Of 9 pull requests opened in 90 days
Releases: Last release: 4 months ago 14 releases in the last 12 months
Project hygiene: License, CI and security policy
OpenSSF Scorecard: Not scanned Unknown, not counted against the project

Signals are computed automatically from public GitHub data. They are not an endorsement or a security audit. How health is computed

README

README.md

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 →

Demo

Watch a demo of building a UI in Cursor with Figma design data

How it works

Open your IDE's chat (e.g. agent mode in Cursor).
Paste a link to a Figma file, frame, or group.
Ask Cursor to do something with the Figma file—e.g. implement the design.
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.

Getting Started

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.

MacOS / Linux

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

Windows

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}