Figma

Official

Official Figma MCP server for design-to-code workflows

About Figma MCP Server

Figma is an MCP server in the Design & UI category. It exposes tools to connected AI applications, enabling them to interact with figma capabilities through the standardized Model Context Protocol.

Features

Tools

Category

Design & UI
Getting Started

To use the Figma MCP server in your AI application, follow these steps:

  1. Install the MCP client SDK for your platform
  2. Connect to the Figma MCP server
  3. Authenticate with your Figma credentials
  4. Start using the tools, resources, and prompts provided by the server

Example Code


// Connect to the Figma MCP server
const server = await mcp.connect("figma");

// List available tools
const tools = await server.tools.list();

// List available resources
const resources = await server.resources.list();

// List available prompts
const prompts = await server.prompts.list();
                      
Installation

npm

npm install @mcp/server-figma

pip

pip install mcp-server-figma
Compatible With
Claude Desktop
Cursor
Windsurf
Zed
Any MCP-compatible client