Figma

Official

Bring Figma directly into your workflow by providing design information and context to AI agents generating code from design files.

About Figma MCP Server

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

Features

Tools
Resources

Category

Development
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