Loading subscription status...
💡 Description
A Model Context Protocol (MCP) server that connects Figma designs with React implementations. This server enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data and providing it in a format compatible with React.
📝 JSON Entries
{
"mcpServers": [
{
"figma": {
"env": {
"FIGMA_ACCESS_TOKEN": "your figma token"
},
"args": [
"d:/<folder>>/figma-mcp/build/index.js"
],
"command": "node"
}
}
]
}🛠️ Tools
get_file_contentget_node_images
⚡ Features
- Direct integration with Figma API for design files
- Processes data into React-compatible formats
- Converts Figma styles to CSS/styled-components
- Manages image and SVG assets
- Translates Figma auto-layout to Flexbox
- Type-safe development with TypeScript
💬 Example Queries
- Fetch processed Figma content using the 'get_file_content' tool
- Retrieve Figma node images in different formats
- Get React component structure from a Figma design