MCP'S
Figma MCP Server
by Figma
Overview
Official Figma MCP server for bringing design context into AI coding workflows, generating code from frames, and writing native Figma content back to the canvas.
Details
Figma MCP Server is an official Figma MCP server documented by Figma. The supplied Figma documentation describes it as bringing design context into AI coding workflows, generating code from frames, and writing native Figma content back to the canvas. Figma also provides a help guide for the Dev Mode MCP Server, indicating official end-user guidance in addition to developer documentation.
When to Use
Use when an AI coding workflow needs design context from Figma frames. Use when you want MCP-based workflows that can generate code from Figma frames or write native Figma content back to the canvas.
Getting Started
- Open the official Figma MCP Server documentation at https://developers.figma.com/docs/figma-mcp-server/.
- Review Figma’s help guide for the Dev Mode MCP Server at https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server.
- Use the official Figma website at https://www.figma.com/ for general product access and account context.
Key Features
- •Official Figma MCP server.
- •Brings Figma design context into AI coding workflows.
- •Generates code from frames.
- •Writes native Figma content back to the canvas.
Capabilities
- •mcp-server
- •design-context
- •code-generation-from-frames
- •figma-canvas-writeback
Last updated Jun 6, 2026