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:
- Install the MCP client SDK for your platform
- Connect to the Figma MCP server
- Authenticate with your Figma credentials
- 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-figmapip
pip install mcp-server-figmaCompatible With
Claude Desktop
Cursor
Windsurf
Zed
Any MCP-compatible client