Figma-Context-MCP
MCP server for providing Figma layout info to AI coding agents
GraphCanon updated today · GitHub synced today
Decision brief
Figma-Context-MCP is a TypeScript-based MCP server designed to facilitate the extraction of layout information from Figma projects for AI coding agents such as Cursor.
Good fit when
- When you are using Cursor or a similar AI coding agent in conjunction with Figma and need accurate layout information extracted from your designs.
- If your development process involves translating Figma design files into code automatically, this server can be an integral part of that workflow.
Avoid when
- Do not use if you are exclusively working on projects without a requirement for AI intervention in the coding process based on Figma designs.
- If you do not utilize Figma as your primary design tool, or if your workflow does not include TypeScript-based services, this may not be suitable.
- Requirements:
- Development and operation require proficiency with TypeScript.
Observed Jul 15, 2026 · Source: enrich:decision_facts
Verify the decision
Adoption
Package downloads where a registry match exists. GitHub stars (15,711) are secondary evidence.
- npm downloads (30d)
- 339,343·npm downloads API·today
Maintenance and security
Full trust report- Maintenance
- Active (18d since push)
- As of today
- Provenance
- Not a fork · Personal account
- As of today
- Security (OSV)
- No MCP manifest
- As of 1mo
Public GitHub metadata and optional OSV scans. Signals, not a guarantee. Trust methodology.
Install
npm install Figma-Context-MCPSimilar tools
Same-category neighbours. No typed graph edges are catalogued for this tool yet.
Evidence and technical details
Sourced facts, taxonomy, compatibility claims, README excerpt, and machine-readable endpoints.
Overview
A TypeScript-based MCP server designed to facilitate the extraction of layout information from Figma projects for AI coding agents such as Cursor.
Capability facts
- CLI
- CLI entrypoint
Source: package.json:bin|scripts · Aug 26, 2026
- MCP server
- Ships MCP server
Source: package.json:@modelcontextprotocol/* · Aug 26, 2026
- Languages
- typescript, javascript
Source: github.language+package.json · Aug 26, 2026
Categories
Tags
README
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.
For agents
This page has a .md twin and JSON over the API.