MCP'S

Figma MCP Server

by Figma

mcpsource:figma.comfigmadesign-to-codeai-codingdev-mode

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