AgentIndex icon
AgentIndex
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Submit Tool
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Home/
API Integration/
Figma-Context-MCP
Figma-Context-MCP logo

Figma-Context-MCP

Active·★ 16.1k·MIT·Updated 2026-10-27
★ Most Popular★ Essential★ Trending

Framelink MCP for Figma gives AI coding agents access to your Figma design data so they can implement designs accurately. You paste a link to a Figma file, frame or group into your agent's chat and ask it to build the design; the server fetches the relevant metadata from the Figma API, simplifies it to the layout and styling information that matters, and hands that to the model.

It is aimed at front-end developers who turn Figma designs into code with Cursor or another MCP-capable coding agent. The project's main argument is that structured design data produces much more faithful results than pasting screenshots, and that trimming the Figma API response keeps the model focused and improves accuracy. It was designed with Cursor in mind but works with any client that supports MCP configuration files.

Getting started: create a Figma personal access token, then add the server to your MCP configuration with `npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio` (on Windows, run it through `cmd /c`). You can also provide the key and port through environment variables.

This write-up is based on the project's README and public repository data. We have not hand-tested the tool. Data as of 2026-10-24.

License
MIT
Latest release
v0.13.2 · 2026-06-18
Last commit
2026-10-24
Contributors
30
Forks
1,266
Open issues and PRs
28
First published
2025-02-13
npm package
figma-developer-mcp 0.13.2 · 61,327 downloads last week

Source: GitHub, npm and PyPI public APIs.

#Figma#Model Context Protocol#AI Coding#Design to Code#Developer Tools#Coding
$ Install
$ npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
↗ Visit site★ GitHub
01

Features

01Provides AI coding agents with Figma design data access.
02Enables one-shot design implementation into any framework.
03Simplifies and translates Figma API responses for AI models.
04Optimizes context for improved AI accuracy and relevance.
05Compatible with Cursor and other MCP-enabled AI clients.
02

Why choose it

+Structured design data gives far more accurate implementations than screenshots.
+Trims the Figma API response to relevant layout and styling, saving context.
+Very simple setup with a single npx command.
+MIT licensed and widely used.
03

Trade-offs

!Requires a Figma personal access token; putting it directly in a shared configuration file risks leaking it, so prefer environment variables.
!Read-only: it informs code generation but does not modify Figma files.
!Output quality still depends on how well the Figma file is structured (auto layout, naming, components).
04

Maintenance check

SlowingChecked: 2026-10-24
Last commit
2026-06-24
Commits, last 90 days
0
Releases, last 90 days
0
Latest release
v0.13.2 (2026-06-18)
Open issues
28
Recent issues with at least one comment
2/6
Commits per week, last 12 weeks
Commits per week, last 12 weeks: 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0

Oldest week on the left; the latest four weeks are orange. Source: GitHub commit activity.

Status rule: archived on GitHub = Archived; last commit within 90 days = Active; 91 to 365 days = Slowing; older = Stale. All figures come from the GitHub API on the date shown.

Most discussed open issues

  • #258 429 rate limit errors from Figma API30 comments · 2025-11-23
  • #14 [Request/Question] Possibility to add figma tokens/variables in the simpified response.7 comments · 2025-02-28
  • #144 Attempting to access file's protoype information6 comments · 2025-05-27
  • #354 Telemetry error_message can include file keys and node IDs1 comments · 2026-04-16
  • #435 Added 1-click config generator and setup guide for Figma-Context-MCP on MCP ServerList0 comments · 2026-10-18

Issue titles are quoted from GitHub. Open the link to check whether a problem still applies to the version you use.

05

Compatibility

Cursor
Native
Verified via docs
AI-powered Coding Tools
Supported
Verified via docs
06

Quick start

1
$ npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
07

Use cases

↳Implementing UI designs in code using AI agents like Cursor.
↳Automating the conversion of Figma designs into various code frameworks.
↳Enhancing the accuracy and efficiency of AI-powered design-to-code workflows.
08

Alternatives

⚡Top VS:
VSGitHub MCP Server★34.0k→VSContext7★63.8k→VScursor-talk-to-figma-mcp★7.1k→VSzcf★6.1k→
GitHub MCP Server logo
GitHub MCP Server★ 34.0k
GitHub's official MCP Server. Allows AI agents to interact directly with your GitHub repositories (read files, search code, issues).
VSCompare→
Context7 logo
Context7★ 63.8k
MCP Server that provides up-to-date code documentation for LLMs and AI code editors.
VSCompare→
cursor-talk-to-figma-mcp logo
cursor-talk-to-figma-mcp★ 7.1k
TalkToFigma: MCP integration between Cursor and Figma, allowing Cursor Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
VSCompare→
zcf logo
zcf★ 6.1k
Zero-Config Code Flow for Claude code & Codex
VSCompare→
mcp-for-beginners logo
mcp-for-beginners★ 17.5k
This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable, and secure AI workflows from session setup to service orchestration.
VSCompare→
E2B logo
E2B★ 14.6k
Open-source infrastructure for running AI-generated code in secure, isolated cloud sandboxes, with SDKs for code execution and desktop computer use.
VSCompare→
pal-mcp-server logo
pal-mcp-server★ 11.8k
The power of Claude Code / GeminiCLI / CodexCLI + [Gemini / OpenAI / OpenRouter / Azure / Grok / Ollama / Custom Model / All Of The Above] working as one.
VSCompare→
mcp-server-cloudflare logo
mcp-server-cloudflare★ 4.4k
No description provided.
VSCompare→
See all alternatives →

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Why choose it03Trade-offs04Maintenance check05Compatibility06Quick start07Use cases08Alternatives
GLips /
Figma-Context-MCP
↗

Give coding agents your Figma designs to implement

16.1k1.3kMIT
Last commit1d ago
StatusActive
CategoryAPI Integration
Contributors30
Latest releasev0.13.2
Links
Documentation↗Discussion↗Issues↗Releases↗
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit
© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
Best by use caseAboutContactAdvertisePrivacy PolicyTerms of UseQYSGitHubBuy me a coffee ☕

Browse by Category

MCP ServersCode AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.