Back to Browse
Free
Access Figma design data, tokens, and component specs for AI-powered design-to-code
About
The official Figma MCP Server connects your Figma designs directly to your AI assistant. Claude can inspect your design system, extract component properties, read layout structures, and help generate frontend code that matches your designs.
Built by Figma, the server supports both a remote hosted endpoint and a local Desktop connection. It can access any file you have permission to view in Figma, reading design tokens, component variants, and auto-layout properties.
Built for design engineers and frontend developers who want to accelerate the design-to-code handoff process.
How to Connect
Remote Plugin
No local installation needed. Your AI client connects to the remote endpoint directly.
Add this to your MCP configuration to connect:
{
"mcpServers": {
"figma": {
"url": "https://mcp.figma.com/mcp",
"type": "http"
}
}
}Security Report
10.0
Low Risk10.0Low RiskValid MCP server (1 strong, 1 medium validity signals). No known CVEs in dependencies. Imported from the Official MCP Registry.
Endpoint probed · 1 finding
Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.
Permissions Required
This plugin requests these system permissions. Most are normal for its category.
Reviews
No reviews yet
Be the first to review this server!