Figma-Context-MCP
TypescriptAiMcpCursorFigmaPythonJavascriptGoRubyR
About This Server
MCP server to provide Figma layout information to AI coding agents like Cursor
Server Information
š Overview:
ā Key Points:
šÆ Conclusion:
Figma-Context-MCP serves as a valuable tool for AI coding agents seeking to leverage Figma design data. Its focus on simplicity, accuracy, and ease of use positions it as a practical solution for developers integrating Figma designs into their coding workflows, particularly when using tools like Cursor.
This webpage provides information about Figma-Context-MCP, an MCP (Model Context Protocol) server designed to provide Figma layout information to AI coding agents, like Cursor. The repository is public and belongs to the user GLips.
ā Key Points:
- Figma-Context-MCP provides design data from Figma to AI coding agents, enhancing their ability to accurately generate code from designs.
- The server simplifies and translates the Figma API response, focusing on relevant layout and styling information.
- Installation can be done quickly using NPM or by cloning the repository and running from the local source.
- Configuration is done through environment variables or command-line arguments.
- The server is designed to be used with Cursor and provides specific instructions for connecting to Cursor.
- The project offers 'getfile' and 'getnode' tools for retrieving Figma file information.
- The primary purpose of Figma-Context-MCP is to bridge Figma design data with AI coding agents for improved code generation accuracy.
- The project prioritizes simplicity and relevance in the data provided to AI models.
- The project offers flexible installation and configuration options.
- Repository owner: GLips
- Repository name: Figma-Context-MCP
- Publicly available: Yes
- Number of stars: 1.1k
- Number of forks: 92
- Main languages: TypeScript (99.0%), JavaScript (1.0%)
- License: MIT
- Tools Provided: getfile, getnode
- Alternative AI Coding Agents that work with this MCP server: Windsurf, Cline, Claude Desktop
- Connection is verified with a green dot check in the configuration settings of connected AI Agents.
š Main Findings:
š Details:
šÆ Conclusion:
Figma-Context-MCP serves as a valuable tool for AI coding agents seeking to leverage Figma design data. Its focus on simplicity, accuracy, and ease of use positions it as a practical solution for developers integrating Figma designs into their coding workflows, particularly when using tools like Cursor.
Server Features
get_file
Fetches information about a Figma file.
get_node
Fetches information about a specific node within a Figma file.
Provider Information
Glips
cloud Provider
Quick Actions
MCP Configuration
Available Tools
get_fileget_node