Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
15.1kstars
1.2kforks
TypeScript
aicursorfigmamcptypescript
Quality signals
ActiveNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
MCP server that feeds Figma layout data to AI coding agents like Cursor for accurate one-shot UI implementation.
Use this when
- Cursor needs live Figma design data for precise code generation
- Building a UI and want AI to match the exact layout/styling
- Debugging a design-to-code mismatch with Figma context
- Generating responsive components directly from Figma frames
- Onboarding new devs with Figma-linked code examples
Don't use when
- Working with non-Figma designs or static images
- Need full Figma file exports or complex animations
- Building without AI coding assistance (e.g., manual coding)
Capabilities
- Fetches Figma layout metadata via Model Context Protocol
- Strips irrelevant Figma API data for cleaner AI context
- Supports frames, groups, and file links as input
- Provides simplified styling and positioning for AI models
- Integrates with Cursor and other MCP-compatible IDEs
- Reduces hallucinations by feeding accurate design data
InstallMCPRun via npx (Node)
Universal installANY TOOL
$ npx skillcity@latest GLips/Figma-Context-MCPAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor or Cline.
Requires Node.js 18+ (ships with npx).
Or install manually
npx -y figma-context-mcp
MCP Configuration
Add this to your claude_desktop_config.json
{
"mcpServers": {
"figma-context-mcp": {
"command": "npx",
"args": [
"-y",
"figma-context-mcp"
]
}
}
}Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
figma-context-mcp — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt