Browse
→ Code & Dev
→ Figma Dev Mode MCP Server
Figma Dev Mode MCP Server
Official MCP server from Figma that brings design context directly into developer coding workflows. Enables agentic coding tools like Claude Code, Cursor, Windsurf, and VS Code Copilot to read Figma designs and generate design-informed code. Agents can access component information, design tokens, variables, stylings, and multi-layer application flows from Figma files. Supports creating new atomic components with proper variables and building out complex design-to-code workflows. Expanded with skills and MCP connectors at Config 2026 on June 24, 2026.
MCP verified
Integration
| Transport | http |
| Auth | oauth |
| Endpoint | Figma Dev Mode MCP Server |
Use Cases
| 01 | Generate design-informed frontend code by connecting AI coding agents to Figma designs via MCP, accessing component structures, tokens, and styling information directly |
| 02 | Build new UI components with proper variables, stylings, and design system compliance by letting AI agents read Figma design specs through the Dev Mode MCP server |
| 03 | Streamline design-to-code handoff by enabling Claude Code, Cursor, or Windsurf to inspect multi-layer Figma application flows and produce accurate implementations via MCP |
Tags
figma design design-to-code ui components developer-tools frontend
Machine-readable: /api/servers.json
· JSON-LD schema embedded in <head>